使用滑动滚动的fullpage.js有时会在某些幻灯片中无效

Question

我一直在为带有phonegap的手机构建我的第一个应用程序。我有一部Android手机，我发现刷卡工作顺利进行非常具有挑战性。最后，我找到了fullpage.js，这使得左右滑动完美无缺。问题是我只想使用左右滑动来更改幻灯片，但我需要应用于在移动设备上正常上下滚动幻灯片。我有三张幻灯片。当我打开我的应用程序时，第一张幻灯片打开。我可以完美地上下滚动它。当我向左滑动时，它会变为滑动2但是我无法向上或向下滚动。如果我再次向左滑动，我会得到幻灯片3，我可以完全向上和向下滚动。如果我现在滑回幻灯片2，我也可以完美地向上和向下滚动。

以下是代码：

<div id="fullpage">
    <div class="section" id="section1">
        <div class="slide" id="slide1">
            <div class="aui">
                <!-- some html content here ->
            </div>
        </div>

        <div class="slide" id="slide2">
            <div class="aui" id="page2">
                <!-- some html content here ->
            </div>  
        </div>

        <div class="slide" id="slide3">
            <div class="aui" id="page3">
                <!-- some html content here ->
            </div>
        </div>
    </div>
</div>

    fullpage.initialize('#fullpage', {
        autoScrolling: false,
        normalScrollElements: '.aui',
        touchSensitivity: 3,
        menu: '#menu',
        css3:true
    });