css实现滑动吸顶功能


实现代码:

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

position: sticky;
top: 0px; //这个top值,指的是 离顶部多少距离吸顶
left: 0px;

 

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

 

【注意】

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

(1)页面高度不能为height:100% ;

(2)必须指定top、bottom、left、right4个值之一,否则只会处于相对定位

(3)父元素的高度不能低于sticky元素的高度

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM