fullpage.js - 在 IOS 上无法在 fullpage.js 包装器中的 div 内滚动答案

【问题标题】：fullpage.js - Scrolling inside a div which is not in the fullpage.js wrapper not possible on IOSfullpage.js - 在 IOS 上无法在 fullpage.js 包装器中的 div 内滚动
【发布时间】：2017-03-15 17:53:49
【问题描述】：

我有一个 Fullpage.js 包装器和一个特殊的覆盖或页脚包装器。我现在的问题是，我无法在 IOS 上滚动页脚 div 内的内容。它适用于 android 和所有主要浏览器，但不适用于 IOS。

有什么想法可以让它工作吗？只需在 IOS 设备上打开 fiddle 并尝试滚动白色页脚https://jsfiddle.net/t5eu2hdc/9/

非常感谢您的帮助。

$('.viewport').fullpage({
    anchors: ['test', 'test2', 'test3'],
    navigation: true,
    navigationPosition: 'right',
    css3: true,
    easingcss3: 'ease-in-out',
    //fixedElements: '.footer',
    normalScollElements: '.footer-inner',
    scrollingSpeed: 1000,
    scrollOverflow: true,
    controlArrows: false,
});

<div class="viewport">
    <div class="section">1</div>
    <div class="section">2</div>
    <div class="section">3</div>
</div>
<div class="footer">
    <div class="footer-inner">
        here goes the text 
    </div>
</div>

【问题讨论】：

标签： javascript ios fullpage.js

【解决方案1】：

我回答了你的问题in the github issues forum。

按照建议：

我建议您使用 css3:false 并将元素放在 fullPage.js 包装器中。然后使用normalScrollElements。

除此之外...您必须修改库并按照in this comment 的建议更改一些内容。

【讨论】：

【解决方案2】：

不幸的是，在我的情况下，github 问题论坛中没有任何建议。所以我转移到 IScroll 以在 IOS 设备上滚动。现在它工作得很好。对于 Android 和普通浏览器，我仍然可以使用本机滚动。

【讨论】：