betterScroll 上拉多次刷新的問題

最近項目使用了better-scroll這個插件,主要用到上拉加載數(shù)據(jù)。

主要監(jiān)聽pullingUp 事件來完成上拉功能,出現(xiàn)幾個問題。

1.不同的上拉操作多次執(zhí)行pullingUp事件,結果是執(zhí)行多次到后臺取數(shù)據(jù)。

2.在上拉操作過程中,滾動條還沒有到達底部就執(zhí)行pullingUp事件,體驗不好。

我的解決思路是不使用pullingUp事件 使用touchEnd事件,

當maxScrollY總距離-pos.y 距離大于上拉需要當距離(例如50px) 在執(zhí)行數(shù)據(jù)加載事件。

此處就不粘貼其他代碼了,網(wǎng)上大把資料。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,690評論 1 11
  • 謝謝作者的文章 非常喜歡 請允許收藏! 博客園首頁博問閃存新隨筆訂閱管理 vue之better-scroll的封裝...
    peng凱閱讀 16,700評論 2 5
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,811評論 1 45
  • 本節(jié)介紹各種常見的瀏覽器事件。 鼠標事件 鼠標事件指與鼠標相關的事件,主要有以下一些。 click 事件,dblc...
    許先生__閱讀 2,840評論 0 4
  • AMD 和 CMD 的區(qū)別有哪些?AMD 是 RequireJS 在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。CMD 是 ...
    竿牘閱讀 750評論 0 1

友情鏈接更多精彩內容