CSS滑动到某位置元素固定住不动或滚动到顶部然后固定

CSS 4月前 0 1

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

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

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

运行DEMO

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。