scroll to next/prevのアンカーは、矢印キーまたはボタンを使用していますか？

Question

私は今、一週間のためにグーグルでてきたと私はそれをすべてを結合する方法を理解していない:(

私は矢印を使用してナビゲートすることができるようにしたい除いて、私は、thisに似水平ウェブサイトを作ってるんですthisに似水平ページのセクション間で前後に移動するためのキー

私は以下のページ見つけた関連研究：。

• stackoverflow.com/questions/2168739/using-arrow-keys-with-jquery-scrollto
• を
• stackoverflow.com/questions/1402698/binding-arrow-keys-in-js-jquery
• jqueryfordesigners.com/adding-keyboard-navigation/
• tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery

私が思い付くことができました最高のはこれですが、そのは動作していない：

$(document).bind('keydown',function(evt) { 
     switch(evt.keyCode) { 
     case 37: 
       evt.preventDefault(); 
       $.scrollTo('+=564px', 800, { axis:'x' }); 
        break; 
       } 
}); 


$(document).bind('keydown',function(evt) { 
     switch(evt.keyCode) { 
        case 39: 
       evt.preventDefault(); 
       $.scrollTo('-=564px', 800, { axis:'x' }); 
        break; 
       } 
}); 

はありだけのものではありません矢印キーや矢印ボタンを使用してスクロールできるアンカーやdivクラスを作成する方法はありますか？私はここでかなり失われています。たぶん私はあまりにも多くを求めている、誰かが、私は感謝されるだろう正しい方向に私を指すことができれば、感謝:)

Answer 1

は、次のコードは、右/左矢印キーの押下を検出します：

$("body").keydown(function(e) { 
    if (e.which == 37) { 
     // left arrow pressed 
    } 
    else if (e.which == 39) { 
     // right arrow pressed 
    } 
}); 

各条件にスライドロジックを追加するだけで済みます。

Answer 2

$('document').keypress(function(e) { 
    if (e.which == 38) { 
     //scroll up 
    } else if (e.which == 39) { 
     //scroll right 
    } else if (e.which == 40) { 
     //scroll down 
    } else if (e.which == 37) { 
     //scroll left 
    } 
}); 

使用.animate()がスクロール効果を行い、各ブロックであれば、それらのそれぞれのキーのデフォルトの移動を防止するためにe.preventDefault();を使用します。