position新属性sticky

sticky:粘性的意思。简单的来说就是元素在页面内部时,表现为relative。滚动到屏幕之外时表现为fixed。
简单代码实例:

nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

更多详细介绍:https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/

你可能感兴趣的:(position新属性sticky)