我知道這對你們大多數人來說是基本的，但我對這門語言沒有那么有經驗。因此，當我將兩個代碼都添加到 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";
}
}
uj5u.com熱心網友回復：
您可以在 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";
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/460232.html