使用scroller和stickyHeader有什么区别?

时间:2015-05-27 10:32:53

标签: tablesorter

我遇到了这个question。我看到stickyHeader和scroller的工作方式相同,它们都保持标题行可见,并且侧面有一个滚动条。有人可以请他们解释一下他们之间的区别吗?

1 个答案:

答案 0 :(得分:1)

stickyHeader小部件使表头“#34;坚持"在用户向下滚动表格时,在浏览器的顶部或表容器(如果设置了选项),窗口;这类似于某些网站用于网站导航的粘性菜单。查看this demo,尤其是该页面上的最后一个,这是在向下滚动文档时堆叠粘性标题的嵌套表的示例。还有一个css3 version of this widget使用css3变换将表头定位在浏览器窗口的顶部。

另一方面,滚动窗口小部件必须复制放置在表格上方的表格标题,隐藏原始表格标题,然后使表格的tbody可滚动,固定高度。因此,浏览器窗口位置不会改变用户滚动表格内容,只看到可滚动的内容窗口。如果你看一下this demo,你会发现桌子的主体是可滚动的,但是头部并没有#34;坚持"到浏览器窗口(除非你设置scroller_jumpToHeader强制表头在向上滚动文档时变得可见。