小程序
小游戏
企业微信
微信支付
扫描小程序码分享
scroll-view 开启下拉刷新 里面放一定自定义组件 自定义组件的fixed无效,是为什么?
使用van-sticky. 想要滚动到相应位置进行吸顶 这个组件是使用fixed实现吸顶的
注意是开启了下拉刷新。如果没有开启下拉刷新,可以正常吸顶 。开启下拉刷新吸顶失效。
想使用postion:sticky 来处理但一样无效。 有没有大佬解答一下
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
确实会有这个问题,开启下拉刷新后,scroll-view中使用position:fixed定位的元素会失效,不再相对于根元素来定位,而是相对scroll-view定位。
可以尝试下以下2种方案:
方案1. view替换scroll-view, 给view添加竖向滚动,下拉刷新使用小程序自己的下拉刷新 enablePullDownRefresh:true
方案2.在scroll-view的外层创建个A组件(复制一份自定义fixed组件,以下称为B组件),首先给A组件隐藏,当滚动到相应位置时,给A组件显示即可。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
确实会有这个问题,开启下拉刷新后,scroll-view中使用position:fixed定位的元素会失效,不再相对于根元素来定位,而是相对scroll-view定位。
可以尝试下以下2种方案:
方案1. view替换scroll-view, 给view添加竖向滚动,下拉刷新使用小程序自己的下拉刷新 enablePullDownRefresh:true
方案2.在scroll-view的外层创建个A组件(复制一份自定义fixed组件,以下称为B组件),首先给A组件隐藏,当滚动到相应位置时,给A组件显示即可。