導航到'j'和'k'鍵的頁面

Question

我試圖找到最簡單的代碼，無論是獨立的還是與jQuery，這樣做：當我在我的鍵盤上按j， m重定向到下面的div，當我按k時，我被髮回到上面的div。如果它可以順利滾動，則可以加分。

Answer 1

我想你會想用以下兩個插件的組合：

http://plugins.jquery.com/project/hotkeys

和

http://plugins.jquery.com/project/ScrollTo

，你可以在這種方式的使用：

$(document).bind('keydown', 'j', whenyoupressj); 
$(document).bind('keydown', 'j', whenyoupressk); 

，實際滾動部分可能是：

$.scrollTo('#someid', 800, {easing:'elasout'}); 

Answer 2

我想在這樣的方式做到這一點使用jQuery：

$(document).keydown(function (e) { 

    // Handle only [J] and [K]... 
    if (e.keyCode < 74 || e.keyCode > 75) { 
     return false; 
    } 

    // Find the "active" container. 
    var active = $('div.active').removeClass('active'); 
    var newActive; 

    // Handle [J] event. 
    if (e.keyCode == 74) { 
     newActive = active.next('div'); 

     //if (newActive.index() == -1) { 
     // newActive = $('div', container).last(); 
     //} 
    } 
    // Handle [K] event. 
    else if (e.keyCode == 75) { 
     newActive = active.prev('div'); 

     //if (newActive.index() == -1) { 
     // newActive = $('div', container).first(); 
     //} 
    } 

    if (newActive !== undefined) { 
     newActive.addClass('active'); 
     $(document).scrollTop(newActive.position().top); 
    } 
});