StickyJS: как сменить 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.

Я попытался изменить css для #sticker (который является идентификатором для элемента, который будет липким), и он, очевидно, изменил цвет как липкий, так и нелипкий.

Потом я увидел на этом на странице GitHub для сценария:

имя класса: (по умолчанию: «является липким») CSS класс добавлен в обертку элемента, когда «залипли».

Похож на то, что мне нужно здесь, но я не могу его использовать.

Любая помощь пожалуйста?

Answer 1

Как это добавить класс is-sticky к существующему классу вы должны использовать ключевое слово CSS !important для overide фона вы уже определить:

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