日期:2014-05-16  浏览次数:20376 次

jquery解决table出现的问题
1.就是实现滚动的时候让 第一排 和 最后一排的 固定  JS写好了 但是在 IE 和 360下面 不兼容  帮忙看下问题所在 谢谢 

用360 或者IE  兼容模式测试下   把浏览器缩小到一般 出现了滚动条  然后点击上面的 橘色按钮 就能看出来效果了



链接查看:
http://www.huangkesong.cn/tablegd/baobei_sousuo.html  



------解决方案--------------------
            $(document).ready(function () {
                //表格控制溢出滚动条出现首尾浮动
                var h = $(".oa_xhlist").offset().top//得到容器的top位置
                , l = 0
                , ie7 = $.browser.msie && parseInt($.browser.version, 10) < 8//是否ie7-
                , addh = 0; //用来保存点击展开搜索后和未展开搜索的高度差
                var orginalH = h;//存储原始top位置
                $(".oa_xhlist table tr").each(function () {
                    var firONE = $(this).children("td:first-child");
                    firONE.addClass("guding");
                    firONE.find(".guding").css({ "background-color": "#E4EBF4" });
                    $(this).find(".title").css({ "background-color": "#CCC", "height": "28px", "padding-top": "8px" });
                    $(this).find(".guding").next("td").addClass("xh");

                    var lasttd = $(this).children("td:last-child");
                    lasttd.addClass("lastguding");
                    lasttd.prev().addClass("lastprevtd");
                    if (lasttd.text() == "操作") {
                        lasttd.addClass("hks");
                    } else {
                        lasttd.addClass("caozuoxing");