收藏
回答

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

问题模块
API和组件

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

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


源码:

页面:

<!--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();
  },


最后一次编辑于  2017-12-18  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏