小程序内完美实现吸顶粘附功能(媲美 美团小程序的吸顶效果)如丝滑一般
发布于 5 年前 作者 dutao 4023 次浏览 来自 分享

利用css属性完美解决吸顶粘附效果(ios&android都适用),分享一下心得:

tips:不需要调用onPageScroll 方法 去监听滚动距离!!!

1、给吸顶元素添加css属性 position: sticky;

2、给元素设置距离顶部吸附的距离 top: 0px; (这个top值你可以根据实际情况动态设置)

3、然后完事了啦啦啦啦啦啦啦啦~

by the way:附上简单的代码片段------>

https://developers.weixin.qq.com/s/pR8QKjmE7igq



回到顶部