swiper和onReachBottom
发布于 6 年前 作者 yinxiuying 19471 次浏览 来自 问答

在swiper中只触发一次onReachBottom,必须回到顶部再滑到底部才能再一次触发onReachBottom,这问题什么时候解决????

4 回复
  1. 这个问题是swiper跟onreachBottom同时出现产生的

  2. 只触发一次是因为你的高度是设定死的,并不是必须回到顶部才触发第二次,而是回到第一次触发的高度,你可能用了wx.getSystemInfo里的windowheight来赋值高度,但第一次触发的时候并没有再次设置,所以需要上滑到顶部。举个例子:就是第一次设置400,到达400触发了你在滑到底部,其实你已经到达800了,但是onreachBottom还是认为400是底,所以到400才触发,解决问题的关键就是要在触发的时候在设定高度。

  3. 可能你设定完成后底部可以加载了,但是页面乱了,加载完需要上啦,然后才能看到滑动条,如图,其实这页有两个高度swiper和scroll-view,出现这个问题的原因是两个页面高度不统一,解决办法,设置成联动的,算好swiper的高度。如:

    <swiper class="swiper-box" duration="300" style="height:{{winHeight}}px" bindchange="bindChange">  

    <swiper-item>  

    <scroll-view scroll-y="true" style="height: {{winHeight-15}}px">

style样式,这样就可以解决问题了

你好  你的具体如何解决的  可以分享一下吗  我现在也遇到这个问题

谢谢  参考了您的,我也使用了

bindscrolltolower()事件代替nreachBottom()

非常感谢您的回答,我用

<swiper>
   <swiper-item>
            <scroll-view></scroll-view>
    </swiper-item>
</swiper>

用scroll-view的bindscrolltolower()事件代替nreachBottom()效果一样;因为我的item是长页面,我也无法计算其高度(每个list高度不一致,根据接口数据显示),非常感谢。

回到顶部