1. 程式人生 > >h5滑動到底部自動載入下一頁

h5滑動到底部自動載入下一頁

滑動用到了jq的scroll事件,接下來要判斷是否到達底部這個條件,在這之前解釋幾個程式碼

 $(window).scrollTop()  獲取的是滾動條的垂直偏移 
$(document).height() 獲取的是文件的高度
$(window).height() 獲取的是視窗的可視區域的高度
ps:當你改變視窗的時候,$(window).height()會隨著視窗的改變而改變,但$(document).height()是不變的。

程式碼塊

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