試圖從窗口滾動jQuery中排除頁腳高度

Question

我正在嘗試使用此無限滾動 。 這是JS 鏈接

我需要排除頁腳高度，該高度大約為150px。

教程中的原始jQuery：

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

所以我像這樣更改了jQuery代碼。

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $('#bottom').offset().top)){

再嘗試一下：

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() -150 == $(document).height()){

因此這兩種方法均無效，無限滾動僅在我將滾動條觸摸到瀏覽器末尾時才起作用，然后才起作用。

因此，我正在尋找可以排除頁腳高度的位置，以便用戶在滾動時觸摸頁腳時，無限滾動應該起作用。

Answer 1

我認為您第二次嘗試就對了。 您是否嘗試清除瀏覽器緩存，或者在其他瀏覽器中進行測試？ 我基本上做了同樣的事情，並且對我有用。 嘗試弄清此類情況時，使用console.log()可能非常有用。

您是否有網站鏈接？ 也許是其他原因導致了問題...

$(window).scroll(function() {
    scrollDistance = $(window).scrollTop() + $(window).height();
    footerDistance = $('#bottom').offset().top;

    if (scrollDistance >= footerDistance) {
        console.log("Infinite scroll time!");
    }
})

小提琴： https : //jsfiddle.net/9ehnb8dv/2/