粘性导航和滚动到顶部功能单独工作，但不能一起工作

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