Javascript 更改标题';滚动后的容器

Javascript 更改标题';滚动后的容器,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有下面的引导3头。 如何使其在向下滚动时,容器类更改为.container fluid? 随着滚动到最后,再次成为.container 我的js知识还不是很强,如有任何帮助,我将不胜感激 $(窗口)。滚动(函数(){ 如果导航栏变为非不透明时($(this).scrollTop()>50)/*高度(以像素为单位)*/ { $('.sticky-navbar').addClass('sticky'); }否则{ $('sticky navbar')。removeClass('sticky');

我有下面的引导3头。 如何使其在向下滚动时,容器类更改为
.container fluid
? 随着滚动到最后,再次成为
.container

我的js知识还不是很强,如有任何帮助,我将不胜感激

$(窗口)。滚动(函数(){
如果导航栏变为非不透明时($(this).scrollTop()>50)/*高度(以像素为单位)*/
{
$('.sticky-navbar').addClass('sticky');
}否则{
$('sticky navbar')。removeClass('sticky');
}
});
#导航{
边缘底部:0px;
z指数:999;
位置:相对位置;
}
.navbar默认值{
背景色:#fff;
盒影:0px5pxRGBA(2152152150.65);
}
.navbar默认值.navbar nav>.active>a{
颜色:rgb(7105203);
边框底部:1pxRGBA(0,51,102,0.25)实心;
背景色:#fff;
}
.navbar inverse.navbar nav>.active>a:悬停{
颜色:#003366;
}
.navba反向.navbar导航>.active>a:焦点{
颜色:#fff;
}
.navbar品牌{
填充:15px0;
左边距:0!重要;
}
.粘性导航条{
背景色:#fff;
边框底部:0px;
过渡:背景色。5s-0s;
高度:自动;
}
.粘性的,粘性的{
背景色:rgba(255、255、255、0.9);
高度:自动;
过渡:背景色。5s-0s;
}
.导航栏对吗{
浮子:对!很重要;
填充:30px;
}
.navbar反向。navbar导航>li>a{
背景色:透明;
字体大小:16px;
填充:18.5px16px;
颜色:#474747;
字母间距:正常;
文本转换:大写;
}
.navbar反向。navbar导航>li>a:之前{
内容:“;
位置:绝对位置;
z指数:-1;
排名:0;
左:0;
右:0;
底部:0;
背景:#ffa804;
-webkit转换:scaleY(0);
变换:scaleY(0);
-webkit转换来源:50%0;
变换原点:50%0;
-webkit转换属性:转换;
过渡性质:变换;
-webkit转换持续时间:0.3s;
过渡时间:0.3s;
-webkit过渡计时功能:缓解;
过渡定时功能:缓解;
}
.navbar反转.navbar导航>li>a:悬停:之前{
-webkit转换:scaleY(1);
变换:scaleY(1);
}
.navbar反转.navbar导航>li>a:悬停{
颜色:#fff;
文字装饰:无;
}
.navbar反向。navbar nav>li>a.active{
颜色:#bb2a2d;
}
.navbar反转.navbar导航高度>li>a{
颜色:#000;
}
.navbar inverse.navbar nav>.active>a、.navbar inverse.navbar nav>.active>a:focus、.navbar inverse.navbar nav>.active>a:hover{
颜色:#fff;
背景色:透明;
}
定制拉力{
利润上限:70像素;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec porttitor ullamcorper mauris,在权杖传说中的封建欧盟。大鼠舌大肌。莫比·康格·乌纳。不要用手指,用手指。不要在调味品上下功夫。杜氏酵母菌直径。在索达莱斯的教堂里。埃蒂亚姆·尤伊斯莫德·图尔皮斯·维塔·图尔皮斯·波特提托,马莱苏阿达·弗林蒂利亚的生命。莫里斯·福西布斯·尼西和多尔·洛博蒂斯·帕特。 埃蒂亚姆和内克·乌尔特里斯,福西布斯·里索斯·诺,埃利芬德·内克。Phasellus feugiat luctus不适合饮食。Morbi egestas luctus libero,拍卖人nisi-nec。生命的最后一刻,生命的最后一刻,生命的最后一刻。毛里斯妊娠弧非梅托斯紫红色。我是埃格斯塔斯·多洛。塞德·布兰迪特·康格·奥纳雷。克拉斯·特里斯提克,自由非特权拍卖人,国际选举人,在罗纳库斯·胡斯托·乌尔纳非努克。 做一个阿里奎特·利奥。莫比·安特·麦格纳,权杖在波尔蒂托的协商中,在欧洲的地位上。我们是马莱苏阿达·马格纳。我是一只多毛的小羚羊,或是一只暂时的小羚羊。佩伦茨克和阿库姆桑turpis。这是一个很好的例子,但这是一个很好的例子。非大地矢状体。 毛里斯·费吉亚·迪亚姆·拉齐尼亚·瓦普特。潜力悬钩子。在比本杜姆,奥纳雷(tortor et dictum ornare),维利特·努拉·马蒂斯·埃拉特(velit nulla mattis erat),奥古斯·拉奥里特(laoreet mi eros eu augue)。无便利。整数塞德·尼布·马蒂斯,马莱苏亚达·斯诺,亨德雷特·普鲁斯。努拉姆·艾迪乌尔纳。在拍卖人id ac sem中发现的新一代拍卖人。两人互不相让,一个是奥奇,一个是世仇。奥纳河、马蒂斯河、维尼那提斯河、毛里斯河和库姆河。伏隔前庭钠内注射普鲁卡因。毛里斯·泰勒斯·图尔皮斯,勃兰迪·艾德·泰尔皮斯,普尔文纳·艾普森。艾尼安·艾库利斯临时健康中心。杜伊斯·维尔·塞姆·洛雷姆。Phasellus调味品odio id nunc placerat,id bibendum felis aliquet。芦苇前庭。毛里斯在舌苔。 毛里斯·费吉亚·迪亚姆·拉齐尼亚·瓦普特。潜力悬钩子。在比本杜姆,奥纳雷(tortor et dictum ornare),维利特·努拉·马蒂斯·埃拉特(velit nulla mattis erat),奥古斯·拉奥里特(laoreet mi eros eu augue)。无便利。整数塞德·尼布·马蒂斯,马莱苏亚达·斯诺,亨德雷特·普鲁斯。努拉姆·艾迪乌尔纳。在拍卖人id ac sem中发现的新一代拍卖人。两人互不相让,一个是奥奇,一个是世仇。奥纳河、马蒂斯河、维尼那提斯河、毛里斯河和库姆河。伏隔前庭钠内注射普鲁卡因。
$(window).scroll(function() {
    if($(this).scrollTop() > 50)  /*height in pixels when the navbar becomes non opaque*/ 
    {
        $('.sticky-navbar').addClass('sticky');
        $('.navbar .container').addClass('container-fluid', 1000, "easeInOutQuad" );
        $('.navbar .container').removeClass('container', 1000, "easeInOutQuad" );
    } else {
        $('.sticky-navbar').removeClass('sticky');
        $('.navbar .container-fluid').addClass('container', 1000, "easeInOutQuad" );
        $('.navbar .container-fluid').removeClass('container-fluid', 1000, "easeInOutQuad" );
    }
});
  $(window).scroll(function() {
    if($(this).scrollTop() > 50) 
    {
        $('.header-top .container').addClass('container-fluid');
        $('.header-top .container').removeClass('container');
        $('.sticky-navbar').addClass('sticky');
    } else {
        $('.header-top .container-fluid').addClass('container');
        $('.header-top .container-fluid').removeClass('container-fluid');
        $('.sticky-navbar').removeClass('sticky');
    }
});