使元素在滚动后出现

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