jquery - 如何在 jQuery 中通过滚动使背景图像褪色？

Question

当我向下滚动页面时，我想制作一个褪色的背景图像。

我已经看到了带有两个 div 的东西，这些 div 会随着不透明度而褪色。像这样的东西：

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

而不是某种 jQuery 代码，但我并没有真正明白。

希望有人可以提供帮助。

我想这可能与scrollTop有关，但我不确定如何获得它。

Answer 1

你在正确的轨道上。将事件绑定到文档以检查滚动并查看高度是多少。

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