position:sticky;

position属性中最有意思的就是sticky了,设置了sticky的元素,在屏幕范围内(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),
当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。(不会脱离文档流)

吸附效果就可以利用这个实现。

posted @ 2024-01-03 15:49  你风致  阅读(9)  评论(0编辑  收藏  举报