Question

fullPage插件的移动版本有2个问题。

我无法浏览我的页面，但我已正确包含所有内容。我在页面http://bearonunicycle.com/#contact上有类似的选项，仍然无法让它在我的网站上运行。当我尝试浏览页面时，我甚至无法浏览第一部分。
滚动浏览移动设备非常困难，我需要将整个屏幕滚动到最多5次才能移动一点。

我的头脑包括以下内容：

<link rel="stylesheet" href="css/styles.css" >
<link rel="stylesheet" href="css/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="script/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="script/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="script/jquery.cycle2.min.js"></script>
<script type="text/javascript" src="script/script.js"></script>

这是初始化代码。

$(function(){
    $('.cycle-slideshow2').each(function(){
        $.cycle2Init($(this));
    });

    $.fn.fullpage({ 
        scrollingSpeed: 250,
        verticalCentered: false,
        resize: false,
        loopHorizontal: false,
        scrollOverflow: true,
        touchSensitivity: 100,
    });
});

Answer 1

检查您是否对fullpage和cycle2使用相同的类。我在cycle2中使用了.slide类，在包含使用.slide作为default类的fullpage之后，事情发生了变化。

fullPage插件在移动设备上无法正常工作

1 个答案: