我已经在我正在处理的网页上安装了 jQuery 插件 fullpage.js,它在我的计算机上运行良好,但是页面第二部分的内容太大而无法在我的手机屏幕上显示,并且应该滚动 -但我无法弄清楚如何做到这一点。我不会假装我对javascript了解很多,所以我有点不知所措,解决方案可能很简单。提前感谢您的帮助!
有问题的网页: http ://romowind.com/testside/ - 这是首页。
我已经在我正在处理的网页上安装了 jQuery 插件 fullpage.js,它在我的计算机上运行良好,但是页面第二部分的内容太大而无法在我的手机屏幕上显示,并且应该滚动 -但我无法弄清楚如何做到这一点。我不会假装我对javascript了解很多,所以我有点不知所措,解决方案可能很简单。提前感谢您的帮助!
有问题的网页: http ://romowind.com/testside/ - 这是首页。
在加载文件之前,您必须使用该选项scrollOverflow
将其设置为true
并添加依赖项,如文档中指定的那样。jquery.slimscroll.min.js
jquery.fullpage.js
下载插件后,javascriptjquery.slimscroll.min.js
位于该文件夹中。vendors
确保使用最新版本的 fullpage.js。
您包含的文件应该是 4(2 个 jquery 库 + 全页 js 文件 + 全页 css 文件 + slimscroll )类似于:
<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="vendors/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="jquery.fullPage.js"></script>
然后,您的初始化应如下所示:
$(document).ready(function () {
$.fn.fullpage({
slidesColor: ['#fff', '#fff', '#fff', '#fff', '#fff'],
anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
scrollOverflow: true
});
});