Question

html中的thead表头标签如何滚动到顶部固定？？？？？？

网上找了很多都是div标签的导航栏顶部固定，并没有与table标签相关的教程。
求大神告诉 真心求教

Answer 1

用两个表格实现吧。

追问

额 能说说具体是怎么实现的么？ 我之前看过 好像是一个表格显示表头，另一个表格显示内容， 但是如何将显示表头的表格固定不动呢？？ 我要那种鼠标向下滚动，表头滚动到页面顶部固定不动的效果

追答

滚动的时候，检测 表格头部 距离浏览器顶部的距离    

比如

<div class="table-header">
    <table></table>
</div>
<table></table>

头部跟内容分开

var tableHd = $(".table-header");
var tableTop = tableHd.offset().top;
$(window).scroll(function(){
    var _t = $(window).scrollTop();
    if(_t-tableTop>=0){
        //table-header 已经到窗口顶部了
        tableHd.find("table").css({
            "position":"fixed"
        })
    }else{
        tableHd.find("table").css({
            "position":"static"
        })
    }
})

大概就是这样的。具体的样式或者写法自己调整一下。

追问

恩恩 主要是我的表头不能和表身分开，因为都调用同样的样式，还有如果分开，表头和表身的宽度都不一样了，如果直接用position：fixed的话，那么表头的样式也都没有了

追答

可以弄成一样的
给table设置 table-layout:fixed;