$(function(){
var totalHeight = 0; //定義一個總高度變量
function ata(){ //loa動態加載數據
totalHeight = parseFloat( $(window).height() ) + parseFloat( $(window).scrollTop() ); //瀏覽器的高度加上滾動條的高度
if ( $(document).height() <= totalHeight ) { //當文檔的高度小於或者等於總的高度時，開始動態加載數據
$("#container").append("<p>我是新加載出來的數據</p>"); //加載數據
}
}
$(window).scroll(function(){
console.log("滾動條到頂部的垂直高度：" + $(window).scrollTop() );
console.log("頁面的文檔高度：" + $(document).height() );
console.log("瀏覽器的高度：" + $(window).height() );
ata();
})
})
1 <body>
<div id="pa">
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>4</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>4</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>4</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>1</p>
<p>111</p>
</div>
2 <div id="container"></div> //加載數據的位置
3 </body>
