css 实现吸顶效果

48 阅读1分钟

css 实现吸顶效果

position:sticky

  • 粘性定位

粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位

例如:

  positon:sticky
  top:10px

这里的阀值即为10px

使用position:sticky,需要开启滚动视图才有效果

指定 toprightbottom 或 left 四个阈值其中之一,才可使粘性定位生效