title: jQuery - if div is at top of window, add class/style? (sticky banner)
body: <p>So I've made a sticky banner</p>
  
  <p><strong>Example here: <a href="http://jsfiddle.net/zu60j5rr/" rel="nofollow">http://jsfiddle.net/zu60j5rr/</a></strong></p>
  
  <p>In the example it works fine.  But the site that I want to use it on has a top nav that doesn't quite render the same across different browsers.  So I can't rely on "top" to work as it should across all browsers</p>
  
  <p>So what I'm wondering is.  Is there any way I can add a statement of something like, if the div hit the top of the window - Add style to fix the position?  And then if it's scrolled back, remove the style?</p>
  
  <p>here's what I currently have, as fiddled:</p>
  
  <pre><code>$(document).on( 'scroll', function(){
          if ($(window).scrollTop() &gt; 100) {
              $('#stickyBanner').css({position: "fixed", top: "0px"});
          } else {
              $('#stickyBanner').css({position: "relative", top: "0px"});
          }
      });
  </code></pre>
  
  <p>Thanks!!</p>