Check out my code snippet: http://jsfiddle.net/spadez/Fq5K4/
I am looking to create a cool effect where the image in the top section gradually turns black as the user continues scrolling down the page, until it is completely black. This example showcases a similar technique:
A somewhat similar piece of code that I found is this: http://jsfiddle.net/HsRpT/6/:
$(window).scroll(function() {
var el = $('.block');
var offset = el.offset();
var opacity = ( (offset.top - el.height() ) / 100 ) * -1;
$('.block').css('opacity', opacity );
});