Question

我正在使用Backstretch jQuery插件，并希望在向下滚动时使背景更暗。

这是我到目前为止所做的。身体背景颜色黑暗背景图像在向下滚动800px时具有不透明度0.4。

我剩下的就是让褪色效果变慢。现在，它从不透明度1变为0.4非常快。

这是我的代码

$(window).scroll(function() {
    if ($(window).scrollTop() > 800) {
        $('.backstretch').css("opacity", 0.4).fadeIn("slow");;
    }
    else{
        $('.backstretch').css("opacity", 1).fadeIn("slow") ;
    }
});

任何人都可以帮我淡出它吗？

Answer 1

尝试用

替换您的代码

    $(window).scroll(function() {
    if ($(window).scrollTop() > 800) {
        $('.backstretch').css("opacity", 0.4).fadeIn("5000");;
    }
    else{
        $('.backstretch').css("opacity", 1).fadeIn("5000") ;
    }
});

其中“5000”表示动画的时间，以毫秒为单位。

向下滚动时背景图像50％不透明度

1 个答案: