本文實例講述了jQuery實現頁面滾動時動態加載內容的方法。分享給大家供大家參考。具體分析如下:
很多網站,比如twitter,京東商城首頁,會在頁面滾動到一定的位置時才動態加載頁面內容,這樣可以加快頁面打開的速度,也可以節約帶寬,下面的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程序設計有所幫助。
新聞熱點
疑難解答