私は簡単な質問があります。セクションをスクロールすることができますとスライド同じ矢印キーを使用して?Fullpage.js - 上下矢印キーでページ全体を移動できますか?
たとえば、3つのセクションと3つのスライドがあるページがあります。下向き/上向き矢印キーのみを使用して、すべての画面(合計5つの画面)をナビゲートしたいと思います。
ありがとうございます!
私は簡単な質問があります。セクションをスクロールすることができますとスライド同じ矢印キーを使用して?Fullpage.js - 上下矢印キーでページ全体を移動できますか?
たとえば、3つのセクションと3つのスライドがあるページがあります。下向き/上向き矢印キーのみを使用して、すべての画面(合計5つの画面)をナビゲートしたいと思います。
ありがとうございます!
あなたがナビゲートしたい、それを通してすべての要素、のためにこれを使用することもできます。
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
は、このことができますなら、私に教えてください。
あなたの答えに感謝しますが、それは私が探していたものではありません – artzz
もちろん可能です。デフォルトのキーイベントを無効にするには、fullPage.jsオプションkeyboardScrolling:false
を使用し、次に希望の方法で希望のキーをバインドします($.fn.fullpage.moveSetionDown
または$.fn.fullpage.moveSlideRight
など)。
keyboardScrolling: false
を使用すると、スペース、シフト+スペース、ページアップ、ページダウン、ホーム、終了などの他のキーの組み合わせも無効になることを考慮してください。 あなたはこれらすべてのキーバインディングin the code itself。
さらに、マウスホイールを使用してすべてのページをスクロールする場合は、Scroll Horizontally extensionを使用できます。
ありがとう、私はこの解決策を使用します。実際にはScroll Horizontally Extensionを使用していますので、すべてが素晴らしいです。 Btw。あなたの仕事に感謝します! Fullpage.jsは素晴らしいツールです:) – artzz
キーイベントを自分でキャプチャして、fullpage.js APIでこれを処理できませんか? –
私はそれを行うことができます。私は逃した可能性がある他のオプションについて尋ねます:) – artzz