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でなければなりません。

#sticker（これは要素のIDです）をCSSに変更しようとしましたが、スティッキーとスティッキーの両方の色が明らかに変更されました。

は、その後、私はスクリプトのgithubのページに、この上で見ました：

クラス名：（デフォルト：「です-スティッキー」）CSSクラスは、要素のラッパー時に「貼り」に追加しました。

私はここに必要なもののように見えますが、使用することはできません。

お願いします。

Answer 1

それはあなたがすでに定義された背景をオーバライドするためにCSSキーワード!importantを使用する必要があり、既存のクラスにクラスis-stickyを追加するように：

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