在滚动时设置固定的表头

时间:2014-04-09 07:27:10

标签: javascript jquery html css

在资源管理器中,我能够在使用css表达式滚动时保持桌面的thead部分。以下是执行此操作的css代码段:     .standardTable thead tr {     位置:相对;      top:expression(offsetParent.scrollTop); }

但是这同样在chrome中不起作用,因为chrome的表达式已被弃用。 我需要帮助使用javascript或jquery更改上面类的“top”属性。 怎么做?

可以吗?

2 个答案:

答案 0 :(得分:1)

这篇博客文章介绍了使用纯CSS获得粘性标题的一些非常聪明的方法:

http://salzerdesign.com/blog/?p=191

答案 1 :(得分:0)

表格上的粘性标题是一个非常复杂的问题。 WebKit包含了一个新的CSS属性position:sticky,但只有不到6%的用户支持它。

您可以使用jquery创建一个粘性标头。基本上,如果用户向下滚动,您只需更改标题的位置即可修复。但由于表的许多不同的实现,它是一个烂摊子。如果你想从头设计它,here是一个很好的教程。否则你会发现很多好jQuery plugins online