所属分类:网页特效-UI/布局/瀑布流,触屏/拖拽/下拉
<link rel="stylesheet" href="css/onepage-scroll.css" />
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.onepage-scroll.min.js"></script>
$(function(){
$('.main').onepage_scroll({
sectionContainer: '.page'
});
});
<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>
其他的配置效果,请查看演示