粘性導航和滾動到頂部功能單獨工作，但不能一起工作

Question

我的網站上只有兩個腳本，它們單獨工作，一起工作，他們不......我在這里錯過了什么？

第一個腳本：

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

var navigation = document.getElementById("navigation");
var sticky = navigation.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    navigation.classList.add("sticky");
  } else {
    navigation.classList.remove("sticky");
  }
}

第二個腳本：

mybutton = document.getElementById("tothetop");

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

function scrollFunction() {
  if (document.body.scrollTop > 98 || document.documentElement.scrollTop > 98) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}

我不明白他們為什么不一起工作。

Answer 1

您通過執行雙重聲明來覆蓋 onscroll function

window.onscroll = function() {myFunction()}; // oh no, I'll be replaced

window.onscroll = function() {scrollFunction()}; // I'll be called only

嘗試：

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