jQuery滾動到BOTTOM以加載新內容在Scrolling TOP上以相反的方式工作（即）

Question

我在一個網站上工作，該網站已滾動到BOTTOM以加載AJAX內容。

我使用此Jquery Scroll函數：

$(window).scroll(function() { 

  if($(window).scrollTop() + $(window).height() == $(document).height())  
    {

      alert("ScrollTop + Window Height = "+$(window).scrollTop()+ " + " +
      $(window).height()+ " == Document Height = "+$(document).height());

      // This get's alerted only when i reach TOP
    }

  });

但這僅在我達到TOP時有效

有人遇到過這個問題嗎？

Answer 1

您可以嘗試按照以下代碼解決問題。

$(window).scroll(function() {
    if($(window).scrollTop() == $(document).height() -$(window).height())     
    {
       load_data(); 
    }
});

欲了解更多信息，請訪問此鏈接

Answer 2

首先，您需要了解窗口和文檔之間的差異，例如800wX600h（$（window）.scrollTop（）+ $（window）.height（）== $（document）.height（）

0 + 600 = 600

所以應該是0 + 600> 600

將其替換為（$（window）.scrollTop（）+ $（window）.height（）== $（document）.height（）

Answer 3

我找到了解決此問題的方法，

我的錯誤是，我的html代碼中沒有包含文檔類型。

<!DOCTYPE html>

這就是滾動以相反順序工作的原因。 在代碼的第一行包含doctype之后，它可以按預期工作（即）滾動到頁面底部以加載更多AJAX內容或調用function（）。

因此，無論何時您編寫的代碼都以<！DOCTYPE html>開頭

jQuery滾動到BOTTOM以加載新內容在Scrolling TOP上以相反的方式工作（即）

問題描述

3 個解決方案

解決方案1
0 2016-06-13 11:28:07

解決方案2
0 2016-06-13 11:56:26

解決方案3
0 已采納 2016-06-15 05:26:07

jQuery滾動到BOTTOM以加載新內容在Scrolling TOP上以相反的方式工作（即）

問題描述

3 個解決方案

解決方案1 0 2016-06-13 11:28:07

解決方案2 0 2016-06-13 11:56:26

解決方案3 0 已采納 2016-06-15 05:26:07

解決方案1
0 2016-06-13 11:28:07

解決方案2
0 2016-06-13 11:56:26

解決方案3
0 已采納 2016-06-15 05:26:07