title: Setting CSS class to a specific div with specific style attribute
body: <p>I'm currently redoing a website (<a href="http://www.vins-de-fronton.com/" rel="nofollow noreferrer">http://www.vins-de-fronton.com/</a>) and I have some issues doing what I would like to do. </p>
  
  <p>The guys who made it set the content area in some kind of a container and used 'my custom scrollbar' from malihu (<a href="http://manos.malihu.gr/jquery-custom-content-scroller/" rel="nofollow noreferrer">http://manos.malihu.gr/jquery-custom-content-scroller/</a>), I would like to keep them but I think it may cause some issues for what I'm trying to do, let me explain :</p>
  
  <p>I want to add a scrolling parallax effect to my differents div and I was trying to do this with js, but all of the things I've tried need to use the normal scrollbar and its scrolled px, which is replaced by the custom scrollbar. </p>
  
  <p>When you scroll up or down, the actual scrollbar set a specific style to the "#mCSB_1_container" div with 'top' changing depending of where you are in the page.</p>
  
  <p>So I was thinking that maybe I could add a specific css class when the div #mCSB_1_container has top:-480px as style attribute (for exemple)? Using javascript maybe ? </p>
  
  <p><strong>Here is the div:</strong></p>
  
  <pre><code>&lt;div id="mCSB_1_container" class="mCSB_container" style="position: relative; top: -488px; left: 0px;" dir="ltr"&gt;
  </code></pre>
  
  <p>Thanks a lot for reading this, and I hope that I've well explained my issue :) </p>
  
  <p>Cheers</p>