Javascript 粘性导航和滚动到顶部功能单独工作,但不';我们不能一起工作
我的网站上只有两个脚本,一个可以工作,一个不能工作。。。我错过了什么 第一个脚本:Javascript 粘性导航和滚动到顶部功能单独工作,但不';我们不能一起工作,javascript,css,scrolltop,Javascript,Css,Scrolltop,我的网站上只有两个脚本,一个可以工作,一个不能工作。。。我错过了什么 第一个脚本: window.onscroll = function() {myFunction()}; var navigation = document.getElementById("navigation"); var sticky = navigation.offsetTop; function myFunction() { if (window.pageYOffset > sticky
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;
}
我不明白它们为什么不能一起工作。您可以通过执行双重声明来重写onscroll函数
window.onscroll=function(){myFunction()};//哦,不,我会被替换的
window.onscroll=function(){scrollFunction()};//我只会接到电话
尝试:
window.onscroll=function(){
myFunction();
滚动函数();
}
两个功能不一起工作是什么意思?这是您的第一个函数没有调用该函数还是两者都不起作用。太好了,起作用了!哦,我现在明白了-我不知道这个“window.onscroll”不能用两次:)谢谢!