position: sticky;

“粘性定位”,还是一个实验性的属性。为了避免兼容性问题,最好使用 js 模拟。

我们经常会见到某些网页上的某个元素,在滚动到顶部的时候,就自动停止,附着在顶部,不再滚动。而页面的其余部分则继续向上滚动,这种效果就叫“吸顶”效果

cedeba7cc4152cd05b6b703f57799616.png

兼容性

postion: -webkit-sticky;position: sticky;top: 0;那么当滚动到达 0px 位置处,就会变为 fixed 定位,否则就是相对定位
 Page Title
1 2 3 4 5
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐