jQuery滑动表头的问题

时间:2011-06-15 14:28:18

标签: javascript jquery html-table

作为我最近问过的a question的跟进,我遇到了一些问题。

看看这个小提琴:http://jsfiddle.net/Lzhf6/9/。如果向下滚动页面然后向上滚动非常快(最好使用鼠标滚轮),标题会在它到达正确位置之前卡住。如果不查看小提琴,解释起来有点尴尬,所以请看一下。

我需要的是让Javascript检测到何时发生这种情况,然后自动将其重置为实际正确的位置。

任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:3)

我尝试重置css top

if (scrollY > headtop) {
    $("tr[name='headerrow']").children().offset({
        top: scrollY
    });
} else {
    $("tr[name='headerrow']").children().css('top', '');
}

请看: http://jsfiddle.net/eFNPG/2/

我在Chrome上尝试了您的代码,标题保持在最顶层。但是当我在Firefox 3.6上尝试它时,标题不会保持在最顶层。 (甚至原始代码:http://jsfiddle.net/Lzhf6/9/