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

滚动后显示元素

1 个答案: