介绍 CSS 的 sticky 属性及其用途

发布时间：2023-10-17 09:44:34 所属栏目：语言来源：

导读：关于“CSS的sticky属性用来做什么，怎么用”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继

关于“CSS的sticky属性用来做什么，怎么用”的知识有一些人不是很理解，对此小编给大家总结了相关内容，具有一定的参考借鉴价值，而且易于学习与理解，希望能对大家有所帮助，有这个方面学习需要的朋友就继续往下看吧。

说明

1、position的新属性sticky，在屏幕范围内(viewport)设置sticky元素时，该元素的位置不会受到定位的影响。

(设置为top、left等属性无效)，当该元素的位置将移出偏移范围时，定位又会变成fixed，并根据left、top等属性进行固定。

2、sticky属性解决了对象脱离常规流时下部对象瞬间偏移的问题。

就像relative和fixed的组合。

实例

.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: sticky;
top: 1px;
}

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!