Сделать элемент после прокрутки

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