position: sticky 单词sticky的中文意思是“粘性的”,position:sticky表现也符合这个粘性的表现。基本上,可以看出是position:relative和position:fixed的结合体——当元素在屏幕内,表现为relative,就要滚出显示器屏幕的时候,表现为fixed。PS:滚动页面后,导航栏自动吸顶展示
详见:
https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/