我想为我的主题编写一些 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(我将第二个函数添加到第一个函数中,现在这些函数可以一起工作。)
最佳答案
每当您分配给 window.onscroll
时,您都会覆盖事件处理程序。相反,使用 window.addEventListener
和/或将这两个调用放在一个函数中。
因此,删除所有 window.onscroll = ..
行并添加:
window.addEventListener('scroll', function() {
scrollFunction();
groupFunction();
};
关于javascript - 两个 Javascript 函数不能一起工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48248638/