Javascript 向下滚动时背景图像不透明度为50%

Javascript 向下滚动时背景图像不透明度为50%,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用BackstretchjQuery插件,希望在向下滚动时使背景更暗 这就是我到目前为止所做的。 车身背景颜色为深色 向下滚动800px时,背景图像的不透明度为0.4 我剩下的就是让淡入淡出的效果变慢。现在它从不透明度1变为0.4非常快 这是我的密码 $(window).scroll(function() { if ($(window).scrollTop() > 800) { $('.backstretch').css("opacity", 0.4).fa

我正在使用BackstretchjQuery插件,希望在向下滚动时使背景更暗

这就是我到目前为止所做的。 车身背景颜色为深色 向下滚动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表示动画的时间(毫秒)。

嘿,谢谢@angelo的帮助!最后我确实更改了一些代码,现在看起来像$document.scrollfunction{if$this.scrollTop>1&&$this.scrollTop>500{$.backstretch.animate{opacity:0.2},1000;return;}$.backstretch.animate{opacity:1},1000.stop true,true;};是的。再次感谢。