收藏
回答

scroll-view 开启下拉刷新 里面放一定自定义组件 自定义组件的fixed无效,是为什么?

scroll-view 开启下拉刷新 里面放一定自定义组件 自定义组件的fixed无效,是为什么?

使用van-sticky. 想要滚动到相应位置进行吸顶 这个组件是使用fixed实现吸顶的

注意是开启了下拉刷新。如果没有开启下拉刷新,可以正常吸顶 。开启下拉刷新吸顶失效。

想使用postion:sticky 来处理但一样无效。 有没有大佬解答一下


回答关注问题邀请回答
收藏

1 个回答

  •   Moo °
     Moo °
    2023-07-13

    确实会有这个问题,开启下拉刷新后,scroll-view中使用position:fixed定位的元素会失效,不再相对于根元素来定位,而是相对scroll-view定位。


    可以尝试下以下2种方案:


    方案1. view替换scroll-view, 给view添加竖向滚动,下拉刷新使用小程序自己的下拉刷新 enablePullDownRefresh:true


    方案2.在scroll-view的外层创建个A组件(复制一份自定义fixed组件,以下称为B组件),首先给A组件隐藏,当滚动到相应位置时,给A组件显示即可。

    2023-07-13
    有用
    回复
登录 后发表内容