StickyJS：元素"sticky"时如何更改 css？

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