title: How do I add a class to the body using jQuery, scrollTop, and toggleClass
body: <p>I have a question concerning jQuery's scrollTop functionality, and it's ability to toggle a class based on the amount of vertical scroll.</p>
  
  <p>What I am trying to accomplish is on any page with a "section.banner" class, that after you scroll past the banner a class is applied to the body tag. This will allow me to change the fill colors of several SVGs that are in the site's header, as well as a fixed positioned side nav that is for pagination.</p>
  
  <p>I am terrible at javascript, and have been stuck searching and trying to get this for hours. any help will be greatly appreciated. Here's the code that I'm working with now (CodeKit is telling me it is wrong, which I am not surprised). The value of 200 is just a placeholder and will be calculated by the height of a fluid image. Full disclosure, I have no idea if the brackets and parenthesis are correct.</p>
  
  <pre><code>    // Header/Fixed Pagination Banner Scroll Recoloriing (toggle class)
      // Check If '.banner' Exists
      if( $('section.banner').length &gt; 0) {
  
          $('body').scrollTop(function)() 
          {
              if $(window).scrollTop &gt;= 200 {
                  $('body').toggleClass('downtown');
                  return false;
              }
          }
      }
  </code></pre>