swiper 和 enablePullDownRefresh 配合使用时,模拟器没有问题,

但是到小程序真机,只会偶尔出现下拉操作。


几经测试,发现是在swiper以外的头部区域,下拉才会触发enablePullDownRefresh 。。


- 预期表现

1: 和模拟器一样


- 复现路径


- 提供一个最简复现 Demo


index,wxml

<swiper  duration="500" vertical="true" style="height:900px;"  wx:if="{{list}}" current="{{current}}" catchchange="eventChangeMagicContent">

<swiper-item>

<view style="background-color:red;height:500px">11</view>

</swiper-item>

<swiper-item>

<view style="background-color:red;height:500px">22</view>

</swiper-item>

</swiper>


index.js

onPullDownRefresh: function (event) {

        console.log('onPullDownRefresh');

}


- 解决路程:


1: 在swiper前面,预留占位空间, <view style="height:50px"></view>

这样,在空白处下拉是可以的,但是在 swiper-item 内容区域下拉不会触发 enablePullDownRefresh的


2: 不知道有没有更好的办法,因为如果在 swiper 上方预留空白区域,不会太多,这样用户操作的时候会不习惯。


展开全部
收起
0回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部