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

Question

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

#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});

我尝试为 class 粘性添加背景颜色：

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

但这没有用。

Answer 1

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

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

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

Jquery sticky nav add background-color when scrolling

css

jquery

sticky