爲什麼javascript檢測到我沒有滾動到元素的底部？

Question

我已經檢查了其他文章以及JS的文檔，這應該是工作，但是... console.log甚至在我甚至沒有滾動之前就會觸發。

任何想法？

的jsfiddle：https://jsfiddle.net/zfym8g2f/

var element = document.getElementById('plugin'); 
 
if (element.scrollHeight - element.scrollTop === element.clientHeight) 
 
    { 
 
     // element is at the end of its scroll, load more content 
 
     console.log('scrolled'); 
 
    }

#plugin { 
 
    height: 2000px; 
 
}

<div id="plugin">test</div>

Answer 1

立即觸發，因爲從if語句的條件爲真時的console.log。

你也需要添加滾動事件偵聽器，像這樣：

的jsfiddle：https://jsfiddle.net/0383hfrL/

var element = document.getElementById('plugin'); 

window.addEventListener('scroll', function() { 
    if ((window.scrollY + window.innerHeight - element.offsetTop) > element.clientHeight - 150) { 
    // element is at the end of its scroll, load more content 
     console.log('scrolled'); 
    } 

我希望它能幫助。