scrollOverflow不起作用 在第一页就不动了?求助
配置scrollOverflow:true ,段落也加长了,也加了<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
scrollOverflow不起作用 在第一页就不动了。用滚动轮不好使,用键盘可以慢吞吞往下滑
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
<title>FullPage</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/jquery.fullPage.css"/>
<style>
body{color: #ffffff;}
.section1{background-color: #0e9742;}
.section2{background-color: #971740;}
.section3{background-color: #b7dd3f;}
.section4{background-color: #2b5b97;}
.slide{text-align: center;}
</style>
</head>
<body>
<div id="fullPage">
<div class="section section1"><h1>这是第一屏</h1></div>
<div class="section section2">
<div>slide1</div>
<div>slide2</div>
<div>slide3</div>
<div>slide4</div>
</div>
<div class="section section3">
<h1>这是第三屏</h1>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
<p>这是一段超级长的段落这是一段超级长的段落</p>
</div>
<div class="section section4"><h1>这是第四屏</h1></div>
</div>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.8/jquery.fullPage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#fullPage').fullpage({
sectionsColor:['#0e9742','#971740','#b7dd3f','#2b5b97'],
//resize:true,
//continuousVertical:true,
//navigation:true,
//navigationPosition:'right',
//navigationTooltips:['page1','page2','page3','page4'],
//showActiveTooltip:true,
//slidesNavigation:true,
//slidesNavPosition:'top',
scrollOverflow:true
});
})
</script>
</body>
</html>