如您所知,位置：粘性;已登陆Webkit(
demo).
到目前为止,我可以看到这只适用于父元素.但是我想知道我是否可以在带有表格的滚动div中使用它.
到目前为止,我可以看到这只适用于父元素.但是我想知道我是否可以在带有表格的滚动div中使用它.
所以它需要’监听’div的滚动事件,而不是表.
我知道我可以用javascript和绝对定位来做到这一点,但我想知道粘性定位是否会支持这一点.
解决方法
在thead上的位置粘贴工作在2018年！
在样式表中只需添加以下一行：
thead th {position: sticky; top: 0;}
显然你的桌子需要包括thead和th为此风格.
<table>
<thead>
<tr>
<th>column 1</th>
<th>column 2</th>
<th>column 3</th>
<th>column 4</th>
</tr>
</thead>
<tbody>
// your body code
</tbody>
</table>
截至2018年3月,现代浏览器几乎都支持它
ref：https://caniuse.com/#feat=css-sticky
这个奖励归功于@ ctf0(参考评论发表于2017年12月3日)
