使用javascript更改Bootstrap 3导航栏的背景不透明度

Question

当我向下滚动页面时,我试图改变元素的不透明度,但是我的元素背景颜色不会改变

$(document).on('scroll', function (e) {
    $('.navbar-default').css('background-color: rgba',"70","103","26",($(document).scrollTop() / 550));
});

我的css

.navbar-default {
   /* background-color: #1b1d2a;  */
    background-color: rgba(70,103,26,0.1);
    border-color: #1b1d2a;
}

我的问题似乎是没有理解jQuery .css()API文档如何操作这个特定的样式,background-color: rgba(70,103,26,0.1);因为我已经看到这个方法在其他示例中工作.

在这里小提琴

Answer 1

$(document).on('scroll', function (e) {

     var alpha = $(document).scrollTop() / 550;

     $('.navbar-default').css('background-color', 'rgba(70, 103, 26,' + alpha + ')');
});

JSFiddle链接