javascript - fullpage.js - 在不在 fullpage.js 包装器中的 div 内滚动在 IOS 上是不可能的

Question

我有一个 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>

Answer 1

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

按照建议:

I would suggest you to use css3:false and place the element within the fullPage.js wrapper. Then use normalScrollElements.

Other than that... you would have to modify the library and change a few things as suggested in this comment.