fullpage.js - 滚动不在fullpage.js包装中的div不可能在IOS

Question

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

Answer 1

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

至于建议：

我会建议你使用CSS3：假的，并放置在fullPage.js包装内的元素。 然后使用normalScrollElements。

除此之外...你将不得不修改库和改变一些东西建议in this comment。

Answer 2

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