onepage scorll全屏滾動插件，它能夠很方便、很輕松的制作出單頁/全屏滾動頁面。兼容主流瀏覽器，懶人圖庫推薦下載！

使用方法：

1、head區域引用文件onepage-scroll.css，jquery.min.js，jquery.onepage-scroll.min.js及以下樣式

.page1 { background-color: #1bbc9b;}

.page2 { background-color: #FF7F50;}

.page3 { background-color: #4BBFC3;}

.page4 { background-color: #f90;}

p.title { position: relative; top: 35%; font: 700 40px "Microsoft Yahei"; color: #fff; text-align: center;}

2、在文件中加入以下代碼

<div class="main">

<div class="page page1">

<p class="title">第一屏</p>

</div>

<div class="page page2">

<p class="title">第二屏</p>

</div>

<div class="page page3">

<p class="title">第三屏</p>

</div>

<div class="page page4">

<p class="title">第四屏</p>

</div>

</div>

3 引入以下js代碼

<script>

$(function(){

$('.main').onepage_scroll({

sectionContainer: '.page'

});

});

</script>

4 可設置屬性，調整效果。具體參考index2.html等文件。