小程序--->scroll-view組件不能觸發相應滾動事件

小程序scroll-view組件不能觸發相應滾動事件

在制作加載更多時會發現不能觸發相應事件，一般情況下首先要查看兩個必要的屬性scroll-view的高度是否設置，第二就是scroll-view的滾動方向是否設置，缺一都有可能導致不能觸發相應事件。

//wxml.  這里的高度可以用自適應高度
<scroll-view class='index-container' style="height:{{windowHeight}}" scroll-y bindscrolltolower="lower">
    <view class='nav'>
    <view class='nav-item' wx:for="{{navData}}" wx:for-index="id" wx:for-item="item" id="{{item.id}}" wx:key="id" bindtap="navClick">
        <image class='contant_address_right' src="{{currentNavId==item.id?item.selectImage:item.image}}" class='nav-image' mode="aspectFit"></image>
      <text class='{{currentNavId==item.id?"nav-item-text-actived":"nav-item-text"}}'>{{item.name}}</text>
    </view>
  </view>
    <template is="{{currentTemplate}}" data="{{...goodsData}}"/>
    <view class='loadmore' hidden="{{loadmore}}">
      <text style='font-size: 28rpx;color: #2b2b2b;'>加載更多...</text>
    </view>
</scroll-view>   
   

   Page({
    lower: function (e) {
    if (this.data.loadmoreData){
      this.setData({
        loadmore: 'true',
      })
      this.loadmorenav();
    }else{
      this.setData({
        loadmore: 'false',
      })
    }
  },
    onLoad: function (options) {
    this.initfun();
    var that = this;
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          windowHeight: res.windowHeight+"px",
        })
      }
    })
  }
   })