javascript - 两个 Javascript 函数不能一起工作

Question

我想为我的主题编写一些 javascript 函数，而我是 Javascript 的新手(所以，请不要笑我)。
第一个功能是关于导航栏的，当您滚动 400px 时，导航栏将从顶部显示。第二个是关于“向上”按钮。

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
        document.getElementById("goup").style.bottom = "0";
    } else {
        document.getElementById("goup").style.bottom = "-100px";
    }
};
window.onscroll = function() {goupFunction();};

function goupFunction() {
    if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
        document.getElementById("navbar").style.top = "0";
    } else {
        document.getElementById("navbar").style.top = "-50px";
    }
};

这两个不能一起工作。我需要你的帮助。@Pedram，解决了我的问题。谢谢 xD(我将第二个函数添加到第一个函数中，现在这些函数可以一起工作。)

Answer 1

每当您分配给 window.onscroll 时，您都会覆盖事件处理程序。相反，使用 window.addEventListener和/或将这两个调用放在一个函数中。

因此，删除所有 window.onscroll = .. 行并添加:

window.addEventListener('scroll', function() {
    scrollFunction();
    groupFunction();
};