스크롤 후 요소 표시

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); 

스크롤 이벤트를 시도했지만 작동하지 않아 가까이 있지만 충분히 가깝다고 가정합니다. 당신은 window.scroll 이벤트를 처리해야

Answer 1

대신

모습이 예

을 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