css实现滑动吸顶功能

网络安全监督员 lv.2

发布时间：2022-10-10 05:45:14 312

实现代码：

首先给需要吸顶效果的子元素设置以下样式:

position: sticky;

top: 0px;     //这个top值，指的是 离顶部多少距离吸顶

left: 0px;

然后给父元素添加 position :relative;

注意】

sticky属性仅在以下几个条件都满足时有效：

（1）页面高度不能为height:100% ；

（2）必须指定top、bottom、left、right4个值之一，否则只会处于相对定位

（3）父元素的高度不能低于sticky元素的高度

文章来源： https://blog.51cto.com/u_15694202/5734898

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。