Jquery sticky nav 在滚动时添加背景色

Question

我刚刚在我的网站上安装了 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 {
        background-color: #000;
}

但这没有用。

Answer 1

.is-sticky 类是否应用于滚动导航？因为如果是的话，你的代码就可以工作。或者在 jQuery 中，您可以链接 CSS 更改:

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