小程序--->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",
        })
      }
    })
  }
   })