我對 JavaScript 很陌生，并試圖在向下滾動時將影像從 RGB 轉換為灰度，反之亦然。我在滾動時管理我的影像以獲得灰度值，但是我沒有回到 RGB 影像。
我的 JavaScript 代碼是：
let element = document.getElementById("image");
window.onscroll = function() {
var scrollLimit = 100;
if (window.scrollY >= scrollLimit) {
element.style.filter = 'grayscale(1)';
} else {
element.src = 'ttps://images.unsplash.com/photo-1542903660-eedba2cda473?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80'
}
};
它也在https://jsfiddle.net/vdszymh7/139/ 上公開
也許您對如何在這兩種模式之間動態切換有一些建議。
uj5u.com熱心網友回復：
您可以通過以下方式實作您想要實作的目標：
window.onscroll = function() {
var scrollLimit = 100;
if (window.scrollY >= scrollLimit) {
element.style.filter = 'grayscale(1)';
console.log('gray')
} else {
element.style.filter = 'none'
}
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/367432.html
標籤：javascript 查询 css