小程序 onReachBottom 事件快速滑动时不触发的bug

最近做小程序商城列表分类页的时候发现onReachBottom 事件不触发 ，ios端一直显示正在加载，安卓端则没有事情。但是往上拉一点 又向下滑页面中的商品展示出来。很困惑为什么会又这种情况。

 

一般在列表页面 会先加载一定数量的数据 触发上拉加载这个动作的时候再陆续加载数据
假如上拉一次加载10条数据 在小程序中 你快速滑动页面触发加载这个事件的话，会导致一直没有加载出来新内容。

原因：

小程序的 onReachBottom 事件不能在350ms之内频繁触发 也就是说它有350ms的频率限制

解决方案

触发这个事件的时候 提示个正在加载的文字或者代表加载中的icon 然后在函数里面延迟一定的毫秒数再来请求数据 这样就不会导致频繁触发了

代码

 onReachBottom: function () {
    setTimeout(function () {
      loadMoreView.loadMore();
    }, 500)
  }

参考链接

http://www.cnblogs.com/luffyc/p/10576358.html

作者：syq_sun
链接：https://www.jianshu.com/p/e8924b878c18
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。