javascript - 在哪里添加作用于滚动 Action 的脚本？

Question

我试图只在一定的滚动长度后制作一个 div visibe。 Stackoverflow 上已经有一些关于它的线程，所以我尝试使用答案中列出的建议脚本，但似乎没有一个有效。

所以，我想我不知道如何使用它们。

我已将此 block 放入 head 中，由两个 script 标记包围:

function scroll_bar() {
    if (document.body.scrollTop > 700) {
        document.getElementById("navigation_bar").show();
    }
    else
    {
        document.getElementById("navigation_bar").hide();
    }
}

在 body 中，我有一个具有以下属性的 div(我想使其可见/隐藏的那个):

<div onload="scroll_bar();" class="container" id="navigation_bar" style="position: fixed; z-index: 1; background-color: white; height: 50px; width: 100%;"></div>

这里有什么问题吗？ (无论如何我都在使用 Bootstrap，那个“容器”类来自它。)

Answer 1

您必须向“滚动”事件添加一个事件监听器:window.addEventListener('scroll', scroll_bar)。同样在您的处理程序中，我将使用 window.pageYOffset 代替 document.body.scrollTop。