[Bond]

Небольшой набросок но с применением jQuery так как на нативном пока не освоил общение с DOM
Верстка

<style type="text/css">
	.bl{
		margin: 300px auto 0;
		height: 200px;
		width: 200px;
		border: 1px solid #000;
		transition: all 0.5s;
		transform: translateY(100px) translateZ(0px);
	}
</style>
<div class="bl"></div>

JS

$(window).scroll(function(){
		var scroll = $(window).scrollTop();
		if(scroll > 100 && scroll< 300){
		$(".bl").css('transform', 'translateY(' + (scroll-100)/2 + 'px ) translateZ(0px)');
             }
	})

Конечно же реализовать по другому желательно если будет много блоков, но суть такая