微信小程序上下滑动在当前页面只能生效一次 - WXOPEN Club

需求：手指触控上下滑动切换图片，图片是预加载的，每滑动一次，从列表中取出一条显示在当前页面。

问题：微信小程序上下滑动在当前页面只能生效一次，而且重点是下拉没有生效，上划只能生效一次。求各位大神帮忙看看。

源码：

页面：

<view class="image_view">

<image class="image_view" id="{{imageId}}" src="{{imgUrl}}" scroll-y="true" mode="aspectFit"></image>

</view>

<view class='fixedBtn'>

上下滑动可切换图片哦

</view>

huaDong: function (index) {

var that=this;

var data = this.data.dataList[index];

that.setData({

imgUrl: data.url,

imgid: data.imgId,

});

},

/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh: function () {

wx.showNavigationBarLoading();

this.huaDong(this.data.currentIndex - 1);

wx.hideNavigationBarLoading() //完成停止加载

wx.stopPullDownRefresh();

},

/**

* 页面上拉触底事件的处理函数

*/

onReachBottom: function () {

wx.showNavigationBarLoading();

this.huaDong(this.data.currentIndex+1);

wx.hideNavigationBarLoading() //完成停止加载

wx.stopPullDownRefresh();

},