随着时间的推移jQuery scrollTop过渡

Question

当有人滚动到某一点时，我有一个小的jQuery脚本来改变导航栏的不透明度。但是，过渡是即时的，我希望它能够消失。这可能吗？

        $(window).scroll(function() {    
                var scroll = $(window).scrollTop();
                if (scroll >= 140) {
                $(".navbar-inverse").css({
                "background-color": "rgba(0,0,0,1.0)",
                });
                } else {
                $(".navbar-inverse").css({"background-color": "rgba(0,0,0,0.4)"});
                }
        });

Answer 1

您可以使用fadeTo()：

$(window).scroll(function() { 
    $('.navbar-inverse').fadeTo(200, $(window).scrollTop() >= 140 ? 1.0 : 0.4);
});

200是ms中转换的持续时间，因此您可以根据需要加快或减慢速度。