将两个相似的 .js 函数合并为一个
Combining two similiar .js functions to one
我知道这对你们大多数人来说都是基本的,但我对这门语言没有那么多经验。因此,当我将这两个代码都添加到 functions.php 时,它们不起作用。但它只有在我只使用其中一个时才有效。所以我在想如果它们都在相同的代码行中可能会起作用。我试过了,但没成功。
这是第一个函数
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 90 ||
document.documentElement.scrollTop > 90)
{
document.getElementById("quadmenu_0")
.style.padding = "20px 0px";
}
else {
document.getElementById("quadmenu_0")
.style.padding = "180px 0px 40px";
}
}
这是第二个函数
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 150 ||
document.documentElement.scrollTop > 150)
{
document.getElementById("ast-mobile-header")
.style.backgroundColor = "red";
}
else {
document.getElementById("ast-mobile-header")
.style.backgroundColor = "white";
}
}
您可以在 onScroll 侦听器中调用这两个函数。他们当然需要有不同的名字(最好选择比下面的例子更合乎逻辑的名字)
window.onscroll = function() {
scrollFunction1()
scrollFunction2()
};
function scrollFunction1() {
if (document.body.scrollTop > 90 ||
document.documentElement.scrollTop > 90) {
document.getElementById("quadmenu_0")
.style.padding = "20px 0px";
} else {
document.getElementById("quadmenu_0")
.style.padding = "180px 0px 40px";
}
}
function scrollFunction2() {
if (document.body.scrollTop > 150 ||
document.documentElement.scrollTop > 150) {
document.getElementById("ast-mobile-header")
.style.backgroundColor = "red";
} else {
document.getElementById("ast-mobile-header")
.style.backgroundColor = "white";
}
}
我知道这对你们大多数人来说都是基本的,但我对这门语言没有那么多经验。因此,当我将这两个代码都添加到 functions.php 时,它们不起作用。但它只有在我只使用其中一个时才有效。所以我在想如果它们都在相同的代码行中可能会起作用。我试过了,但没成功。
这是第一个函数
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 90 ||
document.documentElement.scrollTop > 90)
{
document.getElementById("quadmenu_0")
.style.padding = "20px 0px";
}
else {
document.getElementById("quadmenu_0")
.style.padding = "180px 0px 40px";
}
}
这是第二个函数
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 150 ||
document.documentElement.scrollTop > 150)
{
document.getElementById("ast-mobile-header")
.style.backgroundColor = "red";
}
else {
document.getElementById("ast-mobile-header")
.style.backgroundColor = "white";
}
}
您可以在 onScroll 侦听器中调用这两个函数。他们当然需要有不同的名字(最好选择比下面的例子更合乎逻辑的名字)
window.onscroll = function() {
scrollFunction1()
scrollFunction2()
};
function scrollFunction1() {
if (document.body.scrollTop > 90 ||
document.documentElement.scrollTop > 90) {
document.getElementById("quadmenu_0")
.style.padding = "20px 0px";
} else {
document.getElementById("quadmenu_0")
.style.padding = "180px 0px 40px";
}
}
function scrollFunction2() {
if (document.body.scrollTop > 150 ||
document.documentElement.scrollTop > 150) {
document.getElementById("ast-mobile-header")
.style.backgroundColor = "red";
} else {
document.getElementById("ast-mobile-header")
.style.backgroundColor = "white";
}
}