CSS的sticky属性用来做什么，怎么用-群英

上一篇：CSS中margin外边距如何设置，要点有哪些下一篇：CSS中如何用translate属性实现文本垂直对齐

关于“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;
}

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

现在大家对于CSS的sticky属性用来做什么，怎么用的内容应该都有一定的认识了吧，希望这篇能对大家有所帮助。最后，想要了解更多，欢迎关注群英网络，群英网络将为大家推送更多相关的文章。

标签： sticky属性

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：CSS中margin外边距如何设置，要点有哪些下一篇：CSS中如何用translate属性实现文本垂直对齐