拖動滾動條實現內容自動加載效果
現在很多網站都有這樣的功能,那就是拖動滾動條實現元素自動加載效果。
也算是當前比較時尚的一種呈現,當然有喜歡的也有不喜歡的,下面就是一個代碼片段。
需要的朋友可以做一下參考,代碼:
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);
});
聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至201542412@QQ.com舉報,一經查實,本站將立刻刪除。
相關推薦
-
css多重邊框代碼實例
分享一段代碼實例,它實現了多重邊框效果。代碼實例如下r cont
-
css半透明邊框代碼實例
分享一段代碼實例,它實現了邊框透明效果。代碼實例如下r cont
-
js文本橫向無縫滾動代碼實例
文本無縫滾動是比較常見的應用,比如公司的新聞公告等等場景,實現此效果的方式有多種,下面簡單介紹一下其中的一種,希望能夠給需要的朋友帶來幫助,代碼實例如下: h
-
js點擊div實現閃爍效果代碼實例
此代碼實例并沒有多大的實際應用效果,但是可以從中獲取一些相關知識或者啟發。本章節就對此代碼實例做一下詳細注解,代碼如下: chrst
-
js判斷變量是不是數字類型代碼實例
下面是一段能夠判斷變量是否是數字類型的代碼實例。代碼如下:function isNumbr(vl) { rturn tyof vl === numbr && isFinit(vl)















