title: Fade in div after scrolling
body: <p>I need to be able to fadein/fadeout a div depending on the amount of px scrolled by the user. Here is the existing jquery I have. I can toggle its view but i'd like to fade that toggle. What is the correct method here?</p>
  
  <pre><code>$("#subOverlay").hide();
  
  $(window).bind('scroll', function(){
      $("#subOverlay").toggle($(this).scrollTop() &gt; 520);
  });
  </code></pre>
  
  <p>Thanks</p>