javascript - 向下滚动时背景图片不透明度为50％

我正在使用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") ;
    }
});

谁能帮我把它慢慢变淡吗？

最佳答案

尝试将您的代码替换为

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

其中“ 5000”代表动画的时间（以毫秒为单位）。

关于javascript - 向下滚动时背景图片不透明度为50％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22882532/