微信小程序上下滑动在当前页面只能生效一次
需求:手指触控上下滑动切换图片,图片是预加载的,每滑动一次,从列表中取出一条显示在当前页面。
问题:微信小程序上下滑动在当前页面只能生效一次,而且重点是下拉没有生效,上划只能生效一次。求各位大神帮忙看看。
源码:
页面:
<!--pages/pages_imageView/imageView.wxml--><view class="image_view"><image class="image_view" id="{{imageId}}" src="{{imgUrl}}" scroll-y="true" mode="aspectFit"></image></view><view class='fixedBtn'>上下滑动可切换图片哦</view> |
js
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(); }, |
