此代码为纯CSS的基本样式,进阶方法查看:点击前往查看

其实只需要用position:sticky就够了,然后用top在设置距顶位置即可。

position: -webkit-sticky; /* 使Safari浏览器兼容 */
position: sticky; /* 基于用户的滚动位置来定位 */
z-index:9999; /* 设置不被其他元素遮掩 */
top: 30px; /* 距顶 */

 

运行DEMO

发表回复

后才能评论