4つのセクションとフッターが合計4つあります。 セクション1,2,3は通常のセクションです。 セクション4では、高さがウィンドウの高さ以上であるため、通常のスクロールが必要です。 以下のコードは、キーボードスクロールとマウススクロールでうまく動作します。 しかし、モバイルでは、私は上にスクロールしながら発行しました。 タッチデバイス上のリンクを開いても問題が表示されません。 Js fiddle here自動スクロールした後のタッチデバイスの全ページスクロールの問題
<div id="fullpage">
<div class="section">One</div>
<div class="section">Two</div>
<div id="three" class="section">Three</div>
<div id="four" class="section fp-normal-height fp-normal-scroll">
<div style="height:1000px;">Four</div>
</div>
</div>
<footer style="height:300px;">Site footer</footer>
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
hybrid:true,
fitToSection: false,
afterLoad: function(anchorLink, index){
var loadedSection = $(this);
if(loadedSection.attr("id") == "four") {
$.fn.fullpage.setAutoScrolling(false);
}
if(loadedSection.attr("id") == "three") {
$.fn.fullpage.setAutoScrolling(true);
}
},
});
我々はセクション4(この時点で自動スクロールが偽に設定されているように)から上方スワイプ場合スワイプは、第一セクションに直接ユーザーを取ります。 私は考えている理由は、ユーザーがスワイプすると、通常のスクロールが開始されたときにページがスクロールされるためです。私がコンソールログを見ると、自動スクロールが偽であったときスワイプがスクロールをトリガしたときに、セクション3を通過してもスクロールが一番上までスクロールしている間、オートスクロールがtrueに戻っていることがわかります。
モバイルで以下のリンクを開くと上記の問題が発生します。キーボードでうまく動作します。