两个Javascript函数不能一起工作

Question

我想为我的主题写一些javascript函数，我是Javascript的新手（所以，请不要嘲笑我）。
第一个功能是关于导航栏，滚动400px时，导航栏将从顶部显示。第二个是关于“goto-up”按钮。

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();
};