title: jQuery: fadeIn fixed nav when scrolling past a certain point
body: <p>I am trying to get my fixed navigation to fade in once my content area is 50px from the top of the window. I have gotten it to work, however I get an odd 'bounce' in the animation. The menu appears completely then goes invisible again and fades in. Any ideas? Here is my code:</p>
  
  <pre><code>$(window).bind('scroll',function() {
      var vPos = $(window).scrollTop(); //The current scroll bar position
      var totalH = $('.content').offset().top; // Distance content from top
      var finalSize = totalH - vPos; // Get the difference of the distances
  
      console.log(finalSize);
  
      if( finalSize &lt;= 50 ) {
          $('.sticky').fadeIn(300);       
      } else {
          $('.sticky').fadeOut(300);  
      }
  });
  </code></pre>
  
  <p>It can be seen here: <a href="http://portfolio.stvartak.net/redesign" rel="nofollow">http://portfolio.stvartak.net/redesign</a></p>
  
  <p>Thanks!</p>