我有一個在向下滾動時淡入的影像的事件偵聽器，我希望它在向上滾動時停止重新出現。
這是我的代碼，你能幫我嗎？
const checkpoint = 100;
window.addEventListener("scroll", () => {
const currentScroll = window.pageYOffset;
if (currentScroll <= checkpoint) {
opacity = 1 - currentScroll / checkpoint;
} else {
opacity = 0;
}
document.querySelector(".front").style.opacity = opacity;
});
提前致謝
uj5u.com熱心網友回復：
根據您自己的情況currentScroll <= checkpoint，一旦不透明度設定為 0，這應該會阻止不透明度發生變化（即阻止影像重新出現）
let checkpoint = 100;
window.addEventListener("scroll", () => {
const currentScroll = window.pageYOffset;
if (currentScroll <= checkpoint) {
opacity = 1 - currentScroll / checkpoint;
} else {
opacity = 0;
checkpoint = -1;
}
document.querySelector(".front").style.opacity = opacity;
});轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/469207.html
標籤：javascript