Question

在这里，我有一个表，我想在滚动时修复该标题

JS

<script>
$('#scroll').scroll(function(){
if ($('#scroll').scrollTop() > 10){
    $("thead").css({
            position: 'fixed',
            top: '68px'
        });
}else{
    $('thead').css({
        position: 'static'
    });
}
});
</script>

这是完美的，但设计正在改变。

LIVE DEMO

任何人都可以帮助我。

提前致谢。

修改

Fiddle

Answer 1

您可以将datatables plugin用于不同的表格类型（fixed header table, example）

Answer 2

我获得了固定标头的解决方案，我使用了http://fixedheadertable.com/。

感谢您的支持

Answer 3

   <script>
$('#scroll').scroll(function(){
if ($('#scroll').scrollTop() > 10){
    $("thead").css({
            position: 'static',
            top: '68px'
        });
}else{
    $('thead').css({
        position: 'static'
    });
}
});
</script>

使用此选项，您在滚动时将标题的位置更改为固定，这会导致问题

Answer 4

Position: fixed将忽略页面上的所有其他标记，并将元素相对于浏览器窗口定位。无论标记如何，我认为您都希望使用position: absolute并将position: relative应用于表格的包含元素。

示例：http://jsfiddle.net/QxW6v/1/

在html中冻结表中的标题

4 个答案: