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