Tạo web one page dạng scrolling với pagePiling.js

pagePiling.js là một Jquery plugin hỗ trợ tạo fullscreen scrolling website một cách đơn giản và mượt mà. Có khá nhiều web sử dụng hiệu ứng này.
PagePiling chạy nuột nhất trên các trình duyệt hiện đại, nhưng nó cũng hỗ trợ từ các trình duyệt IE8+, Opera 12,..

Tạo một trang fullscreen scrolling đơn giản
Trước tiên link js và css vào

Code:

<link rel="stylesheet" type="text/css" href="jquery.pagepiling.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.pagepiling.js"></script>

Code:

<div id="pagepiling">
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
</div>
});

Gọi nó ra

Code:

$(document).ready(function() {
$('#pagePiling').pagePiling();
});

Thay đổi xíu, ra ntn đây. : demo