首頁 > web前端 > js教程 > 基於JQuery實作捲動到頁面底端時自動載入更多資訊_jquery

基於JQuery實作捲動到頁面底端時自動載入更多資訊_jquery

WBOY
發布: 2016-05-16 17:01:52
原創
983 人瀏覽過

關鍵程式碼:

複製程式碼 程式碼如下:

var stop=true; .scroll(function(){
    totalheight = parseFloat($(window).height()) parseFloat($(window).scrollTop());
   if($(document). totalheight){
        if(stop==true){
            stop=false; tion(txt){
                $("#Loading").before(txt);
        },"text");
        }
    }
});



HTML:

複製程式碼 程式碼如下:
Loading...


實作方法是比較頁面總高度和下滾高度以判斷是否到達底端,若到達底端則透過ajax讀取更多的內容,用before插入到Loading之前。
stop參數是考慮到ajax讀取耗時,防止在一次ajax讀取過程中多次觸發事件,造成多次載入內容。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板