滾動后顯示元素

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