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');
     }
 });

这似乎不起作用。在滚动时我想要数字和字母留在顶部（那些被归类为＆＃39; menuTop＆＃39;）。但在滚动时，它们似乎都折叠成左侧的一个。＆＃39; H＆＃39;在顶部。

有什么想法吗？

Answer 1

我认为你是这样的，如果是，那么你需要在第10个springSessionRepositoryFilter添加课程。

springSecurityFilterChain

<强> jsfiddle ink

希望它会对你有所帮助。

Answer 2

需要将固定的行移动到行而不是单元格，并且需要设置顶部和左侧样式属性而不是让它确定，因为每个浏览器都会使用用户代理默认设置固定项目。

同样，表格宽度从填充单元格的内容扩展，除非您检测到＆＃34; column-sibling＆＃34;否则该行上的单元格将不会保持相同的宽度。从JS计算的行单元格宽度，并设置该行中的每个行单元格宽度。

Answer 3

我已经设法在所有其他答案的帮助下解决了这个问题。

更新了小提琴：http://jsfiddle.net/T9Bhm/3183/

尽管如此，正如“Twintails＆＃39;”所提到的，我必须明确设置列宽，如果我诚实的话，这是一种痛苦。

我这样做的方法不是将固定位置应用于行中的每个单元格，而是将类赋予整行。然后在css中设置这些属性：

.fixed{    
     display: table;
    left: 0;
    position: fixed;
    top: 0;
    width: 95.72%;

}

另一件永远不应该做的事情是，按照我在这里的方式设置css中的宽度。但是，它对我的处境有帮助。

希望这有助于其他人：）

滚动时修复顶部某些类的表行

3 个答案: