次と前のキー入力Jquery

Question

こんにちは私は、次の前の矢印キーがキーボードで押されたときに、特定のdivにページをスクロールさせたいと思います。クラス名が「スライダーパネル」の次または前のdivに具体的に移動したいと思います。ここに私のhtmlとjQueryは以下のとおりです。

$(document).ready(function() { 

    $(".port-link-container").click(function() { 
    $("div.slider-panel").slideUp("slow"); 
    }); 

    $("#wr").click(function() { 
     $('html, body').animate({ scrollTop: 450 }, 'slow'); 
     $("div#wr-large").slideDown("slow"); 
    }); 

    $("#sema").click(function() { 
     $('html, body').animate({ scrollTop: 450 }, 'slow'); 
     $("div#sema-large").slideDown("slow"); 
    }); 

    $(document).keyup(function (e) { 
     if (e.keyCode == 27) 
      $("div.slider-panel").slideUp(); 
      $('html, body').animate({ scrollTop: 0 }, 'slow'); 
     }); 

    $(".slider-close").click(function() { 
     $('html, body').animate({ scrollTop: 0 }, 'slow'); 
     $("div.slider-panel").slideUp("slow"); 
    }); 
}); 

<div class="toppanel"> 
    <div id="wr-large" class="slider-panel"> 
     <div class="slider-content clearfix"> 
      <div style="width: 1000px; margin: 0 auto;"> 
       <div class="slider-close"></div> 
       <div class="clear"></div> 
       <div class="wr-large"></div> 
       <div class="slider-close"></div> 
      </div> 
     </div> 
    </div> 
    <div id="sema-large" class="slider-panel"> 
     <div class="slider-content clearfix"> 
      <div style="width: 1000px; margin: 0 auto;"> 
       <div class="sema-large"></div> 
       <div class="slider-close"></div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

あなたの現在のコードが動作しない理由を尋ね、または既存のスクリプトの先頭にあなたの機能を実装する助けをお探しですか？今、あなたのkeyUpイベント機能のみESCキー（27）を探しています：

http://www.webonweboff.com/tips/js/event_key_codes.aspx

私はこれを実装した場合、私は次/前のキーをチェックした後、私は先のdivを見つけ出すだろう集中する'。私は、そのdivのためのグローバルx/yの位置を取得し、それらの位置にscrollToを取得します。

これは少し曖昧ですが、コードサンプルのヘルプが必要な場合はお知らせください。