小程序 onReachBottom 事件快速滑動時不觸發的bug

原文鏈接：https://www.jianshu.com/p/e8924b878c18

最近做小程序商城列表分類頁的時候發現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
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯繫作者獲得授權並註明出處。