简单的 fullpage.js scrollOverflow 问题
Simple fullpage.js scrollOverflow issue
fullpage.js 的 scrollOverflow 插件在 jsfidde 或我的网站上不起作用。
简单jsfiddle孤立复制。
相同的代码可以使用 Whosebug 的代码片段。
$(document).ready(function() {
$("#fullpage").fullpage({
scrollOverflow: true
});
});
<head>
<link href="https://www.victorwesterlund.se/src/lib/fullpage.js/dist/jquery.fullPage.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.victorwesterlund.se/src/lib/fullpage.js/vendors/scrolloverflow.min.js"></script>
<script src="https://www.victorwesterlund.se/src/lib/fullpage.js/dist/jquery.fullPage.min.js"></script>
</head>
<body>
<div id="fullpage">
<div class="section">
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
</div>
<div class="section">
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
</div>
</div>
</body>
确保:
- 使用 latest scrolloverflow version (0.0.5)
- 使用the latest fullPage.js version 2.9.6
- 使用
scrollOverflow: true
您的演示已更新:
https://jsfiddle.net/yL9da6mz/3/
fullpage.js 的 scrollOverflow 插件在 jsfidde 或我的网站上不起作用。
简单jsfiddle孤立复制。
相同的代码可以使用 Whosebug 的代码片段。
$(document).ready(function() {
$("#fullpage").fullpage({
scrollOverflow: true
});
});
<head>
<link href="https://www.victorwesterlund.se/src/lib/fullpage.js/dist/jquery.fullPage.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://www.victorwesterlund.se/src/lib/fullpage.js/vendors/scrolloverflow.min.js"></script>
<script src="https://www.victorwesterlund.se/src/lib/fullpage.js/dist/jquery.fullPage.min.js"></script>
</head>
<body>
<div id="fullpage">
<div class="section">
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
</div>
<div class="section">
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
<h1>Lorem ipsum dolor sit amet, cotetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
</h1>
</div>
</div>
</body>
确保:
- 使用 latest scrolloverflow version (0.0.5)
- 使用the latest fullPage.js version 2.9.6
- 使用
scrollOverflow: true
您的演示已更新: https://jsfiddle.net/yL9da6mz/3/