使元素在滾動後出現

Question

我試圖在頁面經過某個Y的位置時出現一個元素，但是在我重新加載頁面之後出現，然後停留在頁面上並且不會消失。

var showScroll = function() {  
    var url = document.URL; 
    var urlToTest = 'http://localhost:55054/why-napit/membership-scheme-benefits'; 
    var divEl = document.getElementById('action'); 
    if (url == urlToTest) { 
     if (document.documentElement.scrollTop >= 800 
      || window.pageYOffset >= 800) { 
      divEl.style.display = "block"; 
     } else { 
      divEl.style.display = "none"; 
     } 

    } 
}(); 
window.addEventListener('load', showScroll, false); 

我試過滾動事件，但不起作用，所以我認爲我很近但不夠近。

Answer 1

你應該處理window.scroll事件，而不是window.load

看看這個例子 https://developer.mozilla.org/en-US/docs/Web/API/window.onscroll#Example_3.3A_Showing_a_link_to_the_top_of_the_page_after_a_scroll