scrollOverflow不起作用 在第一頁就不動(dòng)了?求助
配置scrollOverflow:true ,段落也加長了,也加了<script src="
scrollOverflow不起作用 在第一頁就不動(dòng)了。用滾動(dòng)輪不好使,用鍵盤可以慢吞吞往下滑
代碼:
<!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" />
??? <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>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</p>
??????????? <p>這是一段超級(jí)長的段落這是一段超級(jí)長的段落</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>
2018-10-29
非常感謝,居然解決了我的問題,哈哈哈哈
2016-10-27
引入的fullPage.js版本不一致,引入"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.6.7/jquery.fullPage.js"然后slimScroll引入版本為:“https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js
”