javascript - 粘滞JS : how to change css when element is "sticky"?

Question

我正在使用http://stickyjs.com/修复我网站顶部的社交分享栏。

我让它按照预期嵌入这个工作:

$(document).ready(function(){
  $("#sticker").sticky({topSpacing:0})
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.3/jquery.sticky.min.js"></script>
<div id="sticker">Sticky</div>

但是现在我需要在分享栏“粘性”时更改分享栏颜色:当元素不粘性时，它应该是#333，当它固定时，它应该是#FFF。

我尝试更改#sticker的CSS(这是要粘性的元素的ID)，它显然改变了粘性和非粘性的颜色。

然后我在 github 页面上看到了这个脚本:

className:(默认值:'is-sticky')当“粘住”时添加到元素包装器的 CSS 类。

看起来像我需要的东西，但我无法使用它。

请问有什么帮助吗？

Answer 1

就像将类 is-sticky 添加到现有类中一样，您必须使用 css 关键字 !important 来覆盖您已经定义的背景:

.is-sticky {
   background-color:#FFF !important;
}