滚动时,Jquery粘性导航添加背景颜色

时间:2015-01-09 15:44:48

标签: jquery css sticky

我刚刚在我的网站上安装了jquery sticky nav,效果很好,当我必须向下滚动时,我希望我的导航保持在顶部,但是添加背景颜色,这可能吗?

#navigation {
width: 100%;
margin: 0 auto;
margin-top: 10px;
z-index: 10000000;
}

<div id="navigation-sticky-wrapper" class="sticky-wrapper" style="height: 172px;">
<div id="navigation">
</div>
</div>

$("#navigation").sticky({topSpacing:0});

我尝试在类is-sticky中添加背景颜色:

.is-sticky {
        background-color: #000;
}

但这没效果。

1 个答案:

答案 0 :(得分:1)

.is-sticky类是否甚至应用于滚动导航?因为你的代码可以正常工作。或者在jQuery中你可以链接一个CSS更改:

$("#navigation").sticky({topSpacing:0}).css({'background':'#000'});