Question

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

我看到过两个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();
})

如何通过滚动jQuery使背景图像渐变？

1 个答案: