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