提问者:小点点

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


我有两个脚本在我的网站上只有,他们单独工作,他们一起没有...什么他们我错过了这里?

第一个脚本:

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

我不明白他们为什么不一起工作


共1个答案

匿名用户

您可以通过执行双重声明来重写onscroll函数

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

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

尝试:

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