JS（jQuery）實現文章列表拖動到頁面底部，自動加載新的文章列表 | 前端開拓者

var num = 1; //計數器初始化為1

var maxnum = 100; //設置一共要加載幾次

$(window).scroll(function(){

checkload();

});

//建立加載判斷函數

function checkload(){

var srollPos = $(window).scrollTop(); //滾動條距離頂部的高度

var windowHeight = $(window).height(); //窗口的高度

var dbHiht = $(“body”).height(); //整個頁面文件的高度

s= setTimeout(function(){

if((windowHeight + srollPos) >= (dbHiht) && num != maxnum){

LoadList(14);

num++; //計數器+1

}

},500);

}

//創建ajax加載函數，并設置變量C，用于輸入調用的頁面頻道,請根據實際情況判斷使用，非必要。

function LoadList(c){

$.get(“http://www./xxx.php?chanel=”+ c +“&start=”+ num * 15 +“&num=15”, function(result){

t = setTimeout(function(){$(“#list_box”).append(result)},1);

});

}

});

• 本文固定鏈接: http://www./545.html
• 轉載請注明: 品味人生 2012年11月30日 于 前端開拓者 發表