小程序--->scroll-view组件不能触发相应滚动事件

小程序scroll-view组件不能触发相应滚动事件

在制作加载更多时会发现不能触发相应事件，一般情况下首先要查看两个必要的属性scroll-view的高度是否设置，第二就是scroll-view的滚动方向是否设置，缺一都有可能导致不能触发相应事件。

//wxml.  这里的高度可以用自适应高度
<scroll-view class='index-container'  scroll-y bindscrolltolower="lower">
    <view class='nav'>
    <view class='nav-item' wx:for="{{navData}}" wx:for-index="id" wx:for-item="item" >
        <image class='contant_address_right' src="{{currentNav class='nav-image' mode="aspectFit"></image>
      <text class='{{currentNavnav-item-text-actived":"nav-item-text"}}'>{{item.name}}</text>
    </view>
  </view>
    <template is="{{currentTemplate}}" data="{{...goodsData}}"/>
    <view class='loadmore' hidden="{{loadmore}}">
      <text >加载更多...</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",
        })
      }
    })
  }
   })