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

任何想法,我怎样才能使它工作?只需在IOS设备上打开小提琴,然后尝试滚动白色页脚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>

最佳答案

我回答了你的问题in the github issues forum
如建议:

我建议您使用css3:false并将元素放置在fullPage.js包装器中。
然后使用normalScrollElements
除此之外...您将不得不修改库并根据in this comment建议进行一些更改。

关于javascript - fullpage.js-无法在iOS上无法在fullpage.js包装器中的div内滚动,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42817217/

10-09 18:59