position: sticky
时间: 2023-09-29 17:10:42 浏览: 144
ngx-stickybits:使用Stickybits的Angular指令,它是`position的轻量级替代
position: sticky 是一种 CSS 属性,用于创建一个元素在滚动过程中保持在特定位置的效果。当设置为 sticky 时,元素会在其父元素滚动到特定阈值时开始固定在指定位置,然后在滚动超过另一个阈值时恢复正常滚动。
例如,如果一个元素的 position 属性设置为 sticky,并且 top 属性设置了一个非负值(例如 top: 50px),那么该元素将从页面顶部滚动到距离顶部 50 像素的位置时固定住,直到滚动超过该位置时恢复正常滚动。
这种特性对于创建导航栏或侧边栏等固定在页面顶部或某个位置的元素非常有用。
阅读全文