小程序
小游戏
企业微信
微信支付
小程序完美实践吸顶粘附效果
利用css属性完美解决吸顶粘附效果(ios&android都适用),分享一下心得:
tips:不需要调用onPageScroll 方法 去监听滚动距离!!!
13 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
有一个不生效的情况:当设置了 sticky的元素被 ScrollView包裹时,不会吸附~ 好神奇
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
有个大问题,我使用了自定义的头部导航栏之后,不能用这个了,一用就被覆盖,或者不能完美吸附,怎么解决?
如果吸顶内部有横向滚动,如overflow-x: auto, 在ios中,滑动到最底部后,继续上拉,吸顶中的内容会消失
页面向上滚动的时候,开启sticky的元素会不停的抖动,是为什么呀?
<view><button type='primary' class="sticky">吸顶元素</button></view>
包裹了就不行
学习到了
我的收藏个
感谢楼主,非常有用,搞了一上午的onPageScroll,居然用一个css属性就搞定了
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
有一个不生效的情况:当设置了 sticky的元素被 ScrollView包裹时,不会吸附~ 好神奇
有个大问题,我使用了自定义的头部导航栏之后,不能用这个了,一用就被覆盖,或者不能完美吸附,怎么解决?
如果吸顶内部有横向滚动,如overflow-x: auto, 在ios中,滑动到最底部后,继续上拉,吸顶中的内容会消失
页面向上滚动的时候,开启sticky的元素会不停的抖动,是为什么呀?
<view><button type='primary' class="sticky">吸顶元素</button></view>
包裹了就不行
学习到了
我的收藏个
我的收藏个
我的收藏个
感谢楼主,非常有用,搞了一上午的onPageScroll,居然用一个css属性就搞定了