如何使背景图像在jQuery中滚动时褪色？

当我向下滚动页面时，我想制作一个淡入淡出的背景图像

我看到一些有两个div的东西由于不透明而褪色。大概是这样的：

<div class="background1"></div>
<div class="background2"></div>

而不是某种jQuery代码，但我并没有真正理解它

希望有人能帮忙

---

我想可以使用scrollTop，但我不确定如何使用它。

您的方法是正确的。将事件绑定到文档以检查滚动并查看高度

$(document).scroll(function(){
    var scrollTop = $("html").scrollTop();
    if(scrollTop > 150){
        $(".background2").fadeIn();
    }
    else
        $(".background2").fadeOut();
})

---

但是这一行（scrollTop>150）的实际意思是什么，我只是复制并没有变得更聪明；）谢谢你顺便帮忙，很好，很抱歉我没抓住你的重点。正如所说，“[scrollTop]获取第一个元素滚动条的当前垂直位置…”。本质上，获取已滚动的项目，scrollTop将返回用户滚动到的位置和所选元素顶部之间的像素数。（scrollTop>150）表示用户已向下滚动元素（在本例中为文档）超过150像素。我希望这有帮助：）谢谢你的解释。我找到了另一种方法，但这同样有效。