滑動到底部自動加載下一頁內容,手機H5頁面


做公眾號項目中有如下場景,一個H5頁面有列表數據,不考慮一次加載所有數據,故需要分頁操作,解決方案為滑動到底部自動加載下一頁內容。直接在H5的js當中實現。

主要使用jquery的scroll()方法:

當用戶滾動指定的元素時,會發生 scroll 事件。

scroll 事件適用於所有可滾動的元素和 window 對象(瀏覽器窗口)。

scroll() 方法觸發 scroll 事件,或規定當發生 scroll 事件時運行的函數。

代碼如下:

$(window).scroll(function(){
  //判斷是否滑動到頁面底部 if($(window).scrollTop()== $(document).height() - $(window).height()){ // TODO 滑動到底部時可請求下一頁的數據並加載,加載可使用append方法
} });

 


免責聲明!

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



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