2017-11-22 13 views
1

私は簡単な質問があります。セクションをスクロールすることができますスライド同じ矢印キーを使用して?Fullpage.js - 上下矢印キーでページ全体を移動できますか?

たとえば、3つのセクションと3つのスライドがあるページがあります。下向き/上向き矢印キーのみを使用して、すべての画面(合計5つの画面)をナビゲートしたいと思います。

ありがとうございます!

+0

キーイベントを自分でキャプチャして、fullpage.js APIでこれを処理できませんか? –

+0

私はそれを行うことができます。私は逃した可能性がある他のオプションについて尋ねます:) – artzz

答えて

1

あなたがナビゲートしたい、それを通してすべての要素、のためにこれを使用することもできます。

jQuery(function ($) { 
       $('button').click(function() { 

       $(".element1").stop().animate({ scrollTop: $(".element1")[0].scrollHeight }, 1000); //autoscroll to end of element1 on click on button  

       $(".element2").stop().animate({ scrollTop: $(".element2")[0].scrollHeight }, 1000); }); //autoscroll to end of element2 on click on button 

は、このことができますなら、私に教えてください。

+0

あなたの答えに感謝しますが、それは私が探していたものではありません – artzz

1

もちろん可能です。デフォルトのキーイベントを無効にするには、fullPage.jsオプションkeyboardScrolling:falseを使用し、次に希望の方法で希望のキーをバインドします($.fn.fullpage.moveSetionDownまたは$.fn.fullpage.moveSlideRightなど)。

keyboardScrolling: falseを使用すると、スペース、シフト+スペース、ページアップ、ページダウン、ホーム、終了などの他のキーの組み合わせも無効になることを考慮してください。 あなたはこれらすべてのキーバインディングin the code itself

さらに、マウスホイールを使用してすべてのページをスクロールする場合は、Scroll Horizontally extensionを使用できます。

+0

ありがとう、私はこの解決策を使用します。実際にはScroll Horizo​​ntally Extensionを使用していますので、すべてが素晴らしいです。 Btw。あなたの仕事に感謝します! Fullpage.jsは素晴らしいツールです:) – artzz

関連する問題