logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 粘性位置(sticky)

  • 设置元素的position属性为sticky以便实现粘性布局。
  • 使用top, right, bottom, left属性设置元素的偏移值。
  • 当页面滚动,一旦元素到达设定的偏移值位置,它会固定在那个地方。
  • 若页面未滚动,元素位置保持不变,排版如常。
  • 示例中二号元素被设置为sticky,顶部偏移值设为零。
  • 当滚动发生且二号元素达到顶部边缘,它将固定位置,直到触及其“复元素”的底部,之后不再固定。