Aqui está um truque bacana do jQuery para esmaecer um elemento com base em quão baixo você rolou na página (talvez você queira que um elemento esteja totalmente visível quando o usuário o encontrar pela primeira vez, mas se torne transparente à medida que ele se move):
$('h1').css({'opacity':( 100-$(window).scrollTop() )/100});
Onde $ (‘h1’) é o elemento a ser esmaecido, e o primeiro ‘100’ pode ser ajustado para permitir a distância ao longo da página.