How do I fade a div in/out on page scroll?
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 I want them to fade out and disappear. When the user scrolls back up to their position or the top of the browser window I want those pink boxes to fade back in again. I'm useless with JS so good do with some help on how to do this. All help appreciated. 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