position:fixed(css)在不同的浏览器中表现不同

时间:2011-07-05 06:28:48

标签: javascript jquery css internet-explorer html-table

我正在尝试冻结表头...为了实现相同的我写了this代码..它工作正常但标题似乎在颤抖。

所以我稍微更改了一下代码,现在输出非常好,你可以看到它here 但问题是,这个改变的代码在Mozilla中有效,但在IE中则无效 我尝试了多种方法,但无法在IE中获得确切的行为,因为它是第二小提琴 在第二个小提琴中,在side doc准备好的时候,我用这个改变了现有的代码 -

 var originalHeaderRow = $("tr:eq(1)", this)
        originalHeaderRow.before(originalHeaderRow.clone());
        var clonedHeaderRow = $("tr:eq(1)", this)
        clonedHeaderRow.addClass("tableFloatingHeader");
        clonedHeaderRow.css("position", "fixed");
        clonedHeaderRow.css("top", $("tr:eq(1)").css("top"));
        var left = $("tr:eq(1)").offset().left;
        clonedHeaderRow.css("left", left);  

我出错的任何建议或暗示?

1 个答案:

答案 0 :(得分:1)

不要将floatingHeaderRow放入表中,而是将其放在具有固定位置的主体中。这样就不必经常计算新的位置。

这样的事情,但并不完美:http://jsfiddle.net/NtBYa/2/