hooyantsing's Blog

P99_12_粘性定位效果很感人

字数统计: 106阅读时长: 1 min
2020/04/15

P99 12 粘性定位效果很感人

position

定位

sticky

粘性定位

滚动条向下滑,如果给标题加上粘性定位,当滑轮到达预设位置时,标题将固定在某一位置。

注意:

同级设置粘性定位的元素,会和其他标题叠加

2efa842535fa33d9b85ee340a21e43fb.png

非同级设置粘性定位的元素,可以顶走其他标题。(效果更好)

e972521f064e9e35396579c2a10140ba.png

非同级效果:

6d6fe117e463e19d5ececea0742085ab.png

b7fcbbbac125b25d6c422c063003daf7.png

CATALOG