jQuery實現滾動時動態載入頁面內容

標籤：jquer   display   splay   www.   code   pen   val   php   query   

原文：http://www.open-open.com/code/view/1446693988935

 

有些網站的網頁內容不是一次性載入完畢的，而是在滑鼠向下滾動時動態載入的，這是怎麼做到的呢？看下面代碼：

var loading = false;$(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){      if(loading == false){           loading = true;           $(‘#loadingbar‘).css("display","block");           $.get("load.php?start="+$(‘#loaded_max‘).val(), function(loaded){                $(‘body‘).append(loaded);                $(‘#loaded_max‘).val(parseInt($(‘#loaded_max‘).val())+50);                $(‘#loadingbar‘).css("display","none");                loading = false;           });      } }});$(document).ready(function() { $(‘#loaded_max‘).val(50);});

jQuery實現滾動時動態載入頁面內容