CSS3 的新定位属性:position: sticky

position: sticky

单词sticky的中文意思是“粘性的”,position:sticky表现也符合这个粘性的表现。
基本上,可以看出是position:relative和position:fixed的结合体——当元素在屏幕内,
表现为relative,就要滚出显示器屏幕的时候,表现为fixed。

PS:滚动页面后,导航栏自动吸顶展示

详见:

https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/

原文地址:https://www.cnblogs.com/panic404/p/13590898.html