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