Fullpage jsはiframe内のスクロールを停止します

Question

私はフルページjsを私のウェブサイトとiframeを含むセクションの1つに使用しています。

example issue

あなたがさらに下にあなたがiframeの外にスクロールしない限り、スクロールすることはできません上記の例の最後のセクションに移動する場合。私は、フルページのこのメソッドを使ってセクションを上に移動することができることを発見しました。 fullpage method

$(document).on('click', '#moveUp', function(){ 
$.fn.fullpage.moveSectionUp(); 
}); 

また、このコードは、iframeの底に達しているかどうかを検出するために使用することができます。 example iframe reaching bottom

$(window).scroll(function() { 
if ($(window).scrollTop() == $(document).height() - $(window).height()) 
alert('Bottom reached'); 
}); 

問題もこのlinkで議論されているが、私は解決策として説明いただきまし理解することはできません。 これらの2つの例を使用してiframeが上または下に達した後でページを上下にスクロールさせるにはどうすればよいですか？

Answer 1

スクロール可能なコンテンツを利用したい場合は、fullpage.jsが提供するscrollOverflowオプションを使用する必要があります。hereの例を参照してください。

そうしないと、そのiframe内のスクロールバーの検出をコード化し、それが底部に達したときを検出してから$.fn.fullpage.moveSectionDown()などのfullpage.js関数を呼び出す必要があります。

Answer 2

iframeに名前を付けます。 iframe.windowを取得します。次に、scrollEventリスナーを追加します。