#前端#如果頁面數據是一次性全部加載進來,但是只在頁面上顯示8條,我要滾動加載顯示後面的數據,如何做,或是有什麼思路
已解決:
$(window).scroll(function(){
//當滾動到底部的時候,判斷是否有8條數據,如果大於8條則顯示前8條;如果小於8條,則全顯示
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if(scrollTop + windowHeight == scrollHeight){//滾動到底部
pageIndex++;
var len=$("li.hide").length;
//判斷是否有8條數據
if(len<=8){//如果小於等於8條,則全顯示
$("li.scrollItem").each(function(){
$("li.scrollItem").removeClass("hide");
});
if(len==0){
$("#navigation").text("T_T沒有新數據了...");
$("#navigation").css("border","0");
}
}else if(len>8) {//大於8條
//顯示8條
$("li.hide:lt(8)").removeClass("hide");
}
}
});