程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> javascript-#前端#一次性請求數據,然後滾動加載

javascript-#前端#一次性請求數據,然後滾動加載

編輯:編程解疑
#前端#一次性請求數據,然後滾動加載

#前端#如果頁面數據是一次性全部加載進來,但是只在頁面上顯示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");
            }
  }
});
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved