title: Add or remove css class after scrolling on fixed element while using fullpage.js
body: <p>Im using fullpage.js to build a fixed-scroll page. Here is the rough example > <a href="https://pages.devex.com/Fixed-Scroll-Test.html" rel="nofollow">https://pages.devex.com/Fixed-Scroll-Test.html</a></p>
  
  <p>I want to add an extra class to "logo" (fixed on the top left) after I scroll into the second section, let say to be color:white.</p>
  
  <p>I want to achieve this because I will use black and white backgrounds and I want to have good contrast in the nav elements.</p>
  
  <p>I'm using something like this but I doesn't work, maybe its interfering with fullpage.js?</p>
  
  <pre><code>        if ( $('body').scrollTop() &gt; $('#section1').position.top ) {
              $('.devexlogo').addClass('white');
          }
  </code></pre>