How do I fade a div in/out on page scroll?

Question

Here is the jsfiddle: http://jsfiddle.net/NKgG9/

I\'m basically wanting those pink boxes to be on show on page load as normal but as soon as a user scrolls down the page

Answer 1

Very simple example: http://jsfiddle.net/a4FM9/2/

var divs = $('.social, .title');
$(window).scroll(function(){
   if($(window).scrollTop() <10 ){
         divs.stop(true,true).fadeIn("fast");
   } else {
         divs.stop(true,true).fadeOut("fast");
   }
});​