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