scrollview上拉加載


https://www.cnblogs.com/Can-daydayup/p/12006891.html#_labelTop

 

 第一個考慮的上拉加載事件:onReachBottom頁面滾動到底部的事件,常用於上拉加載下一頁數據。但是如使用scroll-view導致頁面級沒有滾動,則觸底事件不會被觸發,所以這里存在的問題是有時候無法觸發onReachBottom。

  最終選擇了適用scroll-view自帶的滾到底部觸發事件scrolltolower事件,雖然這個事件確實能夠實現上拉加載數據分頁的功能,但是這個是事件存在兩個問題。第一個問題就是當滾動條滾動到底部時會多次觸發scrolltolower事件,第二個問題是當頁面由第一個scroll-view(該頁面已經到了的最底部了)切換到第二個scroll-view時會自動滾動到頁面的最底部(即第二個頁面默認已經到了最底部)。

 

在scrolltolower觸發事件中設定一個定時器setTimeout(callback, delay, rest),在指定的時間后執行注冊的回調函數(簡稱防抖)。

當頁面向下滾動會觸發scroll-top事件從而改變scrollTop的值,當切換到第二個scroll-view時在默認設置scrollTop為0,那么在切換到第二個頁面的同時頁面的豎向滾動條的位置會默認滾動到最頂部


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM