粘性头部(滚动一定位置后固定)

时间:2026-02-15 09:35:29

1、实现方法:两个滚动区的嵌套

具体步骤:

1.    新建一个滚动区(滚动区1),在滚动区里放“OK”按钮及其上面的组件,如下图:

粘性头部(滚动一定位置后固定)

粘性头部(滚动一定位置后固定)

2、 再在滚动区1里面嵌套一个滚动区2,放”OK”按钮下面的组件,

 回到滚动区1,点击滚动区1“+”号,将高度调至“OK”按钮正好在顶部时,如下图:

粘性头部(滚动一定位置后固定)

粘性头部(滚动一定位置后固定)

3、将滚动区2的高度调至手机满屏高度,如下:

退出滚动区编辑状态,就实现该效果了,演示时注意鼠标位置,滚动“OK”按钮上面时,鼠标放在上面区域,滚动下面时,鼠标放在下面区域,如下:

粘性头部(滚动一定位置后固定)

粘性头部(滚动一定位置后固定)

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com