[bes]

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<style>
dbody {
	min-height: 750px;
}
div {
	text-align: center;
	border: solid 1px lightgreen;
	width: 80%;
	height: 200px;
	margin: 2em;
}
</style>
<div class="f">1</div>
<div class="f">2</div>
<div class="f">3</div>
<div class="f">4</div>
<div class="f">5</div>
<div class="f">6</div>
<script>
jQuery(function ($) {
	$(window).scroll(function(){
		$(".f").each(function() {
			if ($(this).offset().top < $(window).scrollTop() + 50) {
				$(this).animate({backgroundColor: "green"}, 200);
			} else {
				$(this).animate({backgroundColor: "none"}, 200);
			}
		});
	});
});
</script>

ну и подумай как это использовать, чтобы не было each