Question

我是一个使用fullpage管理的网站的主页（实际上正在进行中，因此未发布）。我已使用此代码初始化整页库

$('#eg_homepage').fullpage({
    anchors: this.hFullpageAnchors,
    slidesColor: this.hFullpageSlideColors,
    navigation: true,
    navigationPosition: 'right',
    navigationTooltips: this.hFullpageNavigationTooltips,
    navigationColor: '#697681',
    verticalCentered: false,
    resize:false,
    scrollingSpeed:500,
    scrollOverflow: true,
    afterLoad: function(anchorLink, index){ ... },
    afterRender:function(){ ... },
    onLeave:function(index, nextIndex, direction){ ... }
});

不幸的是我无法链接网站。这些是html中包含的库

<script type='text/javascript' src='js/modernizr.min.js'></script>
<script type='text/javascript' src='js/jquery-1.11.1.min.js'></script>
<script type='text/javascript' src='js/jquery-ui-1.10.4.custom.min.js'></script> <!-- used for fullpage / slider -->
<script type="text/javascript" src="js/jquery.slimscroll.min.js"></script>
<script type='text/javascript' src='js/jquery.fullPage.min.js'></script>
<script type='text/javascript' src='js/jquery.validate.min.js'></script>
<script type='text/javascript' src='js/jquery.ui.touch-punch.min.js'></script>
<script type='text/javascript' src='js/home.js'></script>
<script type='text/javascript' src='js/scripts.js'></script>

我可以给你一些细节：

大约有9个部分
有一些手风琴
一个jquery ui slider
css动画

问题是当我在智能手机上从 VERT 旋转到 HORIZ 时，所有内容都会正确调整大小。当我将其从 HORIZ 旋转回 VERT 时，整页未正确调整大小，并且三个部分变为可见，当前的三个部分是顶部的三个部分中的第一个。在这种情况下，我仍然可以向上和向下滚动，但每次只显示三个部分。再次旋转到 HORIZ 可让应用程序正常工作，而 VERT 仍然每次都有三个部分。任何的想法？感谢

Answer 1

下载最新版本的fullpage.js（2.1.8）（及其css文件）

您正在谈论的问题已在2.1.6中解决，您可以在github issues of fullpage.js plugin中看到。

Here's the issue在论坛中对待它。

旋转/全页面部分的FullPage2.0.7问题在android上获得三倍

1 个答案: