Fade text when page scrolls
I have this basic example working: http://www.mharrisweb.co.uk/tester.htm Is there anyway I can get the fading text to scroll slightly, to create a more fluid tranisiton? Like this site: http://themetrust.com/demos/hero/ Many thanks use this var divs = $('.social, .title'); $(window).scroll(function(){ if($(window).scrollTop()<10){ divs.stop(true,true).fadeIn("fast"); } else { divs.stop(true,true).fadeOut("fast"); } }); Just manipulate the margins of the text like you did the opacity. Example: jQuery(function($) { var divs = $('.fade'); $(window).on('scroll', function() { var st = $(this)