页面滚动头部悬浮,一般都会首相想到监听滚动条离顶部高度然后给需要悬浮的部分position设置成fixed,在一般布局里面是可以的,不过在table布局里面,如果要fixed悬浮thead里面的th会发现宽度样式都乱了。只能想其他办法了,可以先写一个div里面放正常需要的table,然后滚动页面后再显示出一个可以随屏幕滚动的新的thead,如图所示,圈起来的代表需要悬浮的thead:
滚动悬浮的效果如图:
话不多说直接上代码。
css代码如下:
<style type="text/css">
#scroll_head {
position: absolute;
display: none;
}
</style>
html代码如下:
<table class="order ncu-table-style">
<thead>
<tr>
<th