fullpage.js - 滾動不在fullpage.js包裝中的div不可能在IOS

我有一個Fullpage.js包裝和一個特殊的重疊或頁腳包裝。我現在的問題是，我不能在IOS上的頁腳div內滾動內容。它適用於android和所有主流瀏覽器，但不適用於IOS。fullpage.js - 滾動不在fullpage.js包裝中的div不可能在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>

來源

2017-03-15 nonnnnn