本文實(shí)例講述了jQuery實(shí)現(xiàn)頁面滾動時(shí)動態(tài)加載內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
很多網(wǎng)站，比如twitter，京東商城首頁，會在頁面滾動到一定的位置時(shí)才動態(tài)加載頁面內(nèi)容，這樣可以加快頁面打開的速度，也可以節(jié)約帶寬，下面的JS代碼就可以幫你做到。
?| 123456789101112131415161718 | 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程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
