基于JQuery實現(xiàn)滾動到頁面底端時自動加載更多信息關(guān)鍵代碼：代碼如下: var stop=true; $(window).scroll(function(){ totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); if($(document).height() <= totalheight){ if(stop==true){ stop=false; $.post("ajax.php", {start:1, n:50},function(txt){ $("#Loading").before(txt); stop=true; },"text"); } } });　　
HTML： 代碼如下:

<div id="Loading">Loading...</div> 實現(xiàn)方法是比較頁面總高度和下滾高度以判斷是否到達底端，若到達底端則通過ajax讀取更多的內(nèi)容，用before插入到Loading之前。 stop參數(shù)是考慮到ajax讀取耗時，防止在一次ajax讀取過程中多次觸發(fā)事件，造成多次加載內(nèi)容。

轉(zhuǎn)載于:https://www.cnblogs.com/qhorse/p/4757147.html

總結(jié)

以上是生活随笔為你收集整理的基于JQuery实现滚动到页面底端时自动加载更多信息的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。