jQuery 捲軸下拉載入內容

標籤：style   color   使用   io   cti   ar   代碼   window   

現在很多網站為了更好的使用者體驗，那麼就會積極式載入一部分內容，等到捲軸下拉到底部的時候，然後使用 ajax或其它技術，請求更多的內容，這樣會使網頁的使用者體驗會更好些，那麼這個是怎麼樣做到的呢？現在就在這裡提供一種思路出來...

 

$(function(){

   //思路是：如果內容地區 小於等於 可視區高度加捲軸的高度的話那麼就進行載入...

  $(window).scroll(function(){

    // document 文檔高度

    var docHeight = $(document).height();

    // window 可視區高度

    var rollHeight = $(window).height();

    //window 捲軸高度

     var scrHeight = $(window).scrollTop();

             //如果內容地區 小於等於 可視區高度加捲軸的高度的話那麼就進行載入...

              if (docHeight <= (rollHeight+scrHeight)) {

                //你所要執行的其它代碼...

                  alert(1);

                  };

             });

         });