html – 在thead上定位粘性

概述如您所知,位置：粘性;已登陆Webkit( demo). 到目前为止,我可以看到这只适用于父元素.但是我想知道我是否可以在带有表格的滚动div中使用它. 所以它需要’监听’div的滚动事件,而不是表. 我知道我可以用javascript和绝对定位来做到这一点,但我想知道粘性定位是否会支持这一点. 在thead上的位置粘贴工作在2018年！ 在样式表中只需添加以下一行： thead th {posi 如您所知,位置：粘性;已登陆Webkit( demo).
到目前为止,我可以看到这只适用于父元素.但是我想知道我是否可以在带有表格的滚动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日)

总结

以上是内存溢出为你收集整理的html – 在thead上定位粘性全部内容，希望文章能够帮你解决html – 在thead上定位粘性所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。