html52.com
我爱小程序-开发者交流社区

swiper配合scroll-view下拉刷新和上拉加载不能共存问题

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 7.0.4 2.7.0

- 当前 Bug 的表现(可附上截图)


页面无法触发[onReachBottom()] 或者 scroll-view的[bindscrolltolower]


当前的页面结构使用了swiper和scroll-view组件,结构如下:

<topbar><topbar>


<swiper>

    <swiper-item>

        <scroll-view bindscrolltolower=尝试绑定触底监听>

            可下拉刷新,上拉加载的内容区域

        </scroll-view>

   </swiper-item>


    <swiper-item>

        <scroll-view>

            可下拉刷新,上拉加载的内容区域

        </scroll-view>

   </swiper-item>


    ...

</swiper>


<footernavbar><footernavbar>



- 预期表现

- 预期表现页面三段式布局,顶部、底部fixed固定;

页面三段式布局,顶部、底部fixed固定;


中间填充满屏幕,内容区域swiper切换,且超过高度触发下拉刷新,上拉加载;


为了更好体验保留自带的下拉刷新,也能正常触发。



- 复现路径

默认状态:

默认状态:下拉状态:(能够正常触发下拉刷新)


下拉状态:(能够正常触发下拉刷新)

下拉状态:(能够正常触发下拉刷新)上拉加载状态:(无法触发默认的onReachBottom,也无法触发scroll-view的bindscrolltolower)


上拉加载状态:(无法触发默认的onReachBottom,也无法触发scroll-view的bindscrolltolower)

上拉加载状态:(无法触发默认的onReachBottom,也无法触发scroll-view的bindscrolltolower)- 提供一个最简复现 Demo



- 提供一个最简复现 Demo


提供了代码片段,可上拉复现


提供了代码片段,可上拉复现代码片段https://developers.weixin.qq.com/s/xrRJQFmR7o8p


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付