l' aiuto nel forum puo' arrivare fino ad un certo punto, se non hai le nozioni di base non posso aiutarti piu' di tanto

con questo sei in grado di determinare di quanti pixel e' stato scrollato il documento
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<style type="text/css">
#wrapper {height:3500px; /* giusto per far apparire la scrollbar */}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
$(function(){
	var scrollElement = 'html, body';
	$('html, body').each(function () {
		var initScrollTop = $(this).scrollTop();
		$(this).scrollTop(initScrollTop + 1);
		if ($(this).scrollTop() == initScrollTop + 1) {
			scrollElement = this.nodeName.toLowerCase();
			$(this).scrollTop(initScrollTop);
		}    
	});

	$(window).scroll(function(){
		console.log($(scrollElement).scrollTop())
	})
})
/*]]>*/
</script>
</head>
<body>
<div id="wrapper"></div>
</body>
</html>
guarda la console

nella funzione contenuta in $(window).scroll() valuterai lo scrollTop e di conseguenza posizionerai quello che vuoi, che sia un elemento, che sia solo il background di un elemento come nel link che hai postato

ciao