จะเริ่มทำเว็บแบบ Parallax Scrolling Website ต้องเริ่มอย่างไรคะ

var jumboHeight = jQuery('.jumbotron').outerHeight(); // ความสูงจริง

function parallax(){
    var scrolled = jQuery(window).scrollTop(); // ความสูง scrollTop
    jQuery('.bg').css('height', (jumboHeight-scrolled) + 'px'); 
    // เอา bg ของ jumbotron ใน bootstrap แก้ไขความสูงใหม่ให้มีค่าเท่ากับ
    // ความสูงจริง - ความสูง scrollTop
}

parallax(); // เริ่มคำนวนเมื่อโหลดเว็บเสร็จ

jQuery(window).scroll(function(e){ // เมื่อมีการ scroll
    parallax(); // คำนวนใหม่
});

<div class="row">
	<div class="bg"></div>
	<div class="jumbotron">
		<div class="container">
			<h1>YOYO</h1>
	  		<p class="lead">สร้าง Gallery ของท่านง่ายๆ</p>
	  		<a class="btn btn-primary btn-lg">ค้นหาภาพเด่น</a>  <a class="btn btn-default btn-outline btn-lg" href="/register">ลงทะเบียน</a>
		</div>	  	
	</div>
</div>
<div class="container">
	<div class="row" style="height:1300px">
	
	</div>
</div>