您可以通过点击上的scroll
事件处理程序window
并使用另一个table
具有固定位置的事件处理程序来执行此操作,以在页面顶部显示标题。
<table id="header-fixed"></table>
#header-fixed {
position: fixed;
top: 0px; display:none;
background-color:white;
}
var tableOffset = $("#table-1").offset().top;
var $header = $("#table-1 > thead").clone();
var $fixedHeader = $("#header-fixed").append($header);
$(window).bind("scroll", function() {
var offset = $(this).scrollTop();
if (offset >= tableOffset && $fixedHeader.is(":hidden")) {
$fixedHeader.show();
}
else if (offset < tableOffset) {
$fixedHeader.hide();
}
});