javascript - 滚动时修复顶部具有特定类的表行

Question

我有一个用 Javascript 制作的 HTML 表格。 http://jsfiddle.net/T9Bhm/3179/

我希望能够滚动并在顶部保留特定行(不是标题，一行)。我试过这个:

 $(window).bind('scroll', function () {
     console.log('menuTop')
     if ($(window).scrollTop() > 10) {
         $('.menuTop').addClass('fixed');
     } else {
         $('.menuTop').removeClass('fixed');
     }
 });

这似乎行不通。我希望数字和字母在滚动时保持在顶部(那些被归类为“menuTop”)。但在卷轴上，它们似乎都在左侧折叠成一个。 “H”在最上面。

有什么想法吗？

Answer 1

没有简单的方法可以完全使用 HTML/CSS 来完成此操作。它需要一个 JavaScript 解决方案。基本方法是使用 <div> 克隆标题单元格。或其他 block 元素，并将克隆定位为绝对或固定。

有一个number的 plugins出there可以为您完成这项工作。如果你自己动手，你应该尝试编写一些代码，只有当你遇到特定的、可重现的错误时才在此处发布。