通過向上和向下箭頭導航到特定的anochor標籤按

我目前使用錨標籤並在5個鏈接上實現了平滑滾動。這目前完美。不過，現在我想添加使用箭頭鍵瀏覽這些相同錨定標記的功能。通過向上和向下箭頭導航到特定的anochor標籤按

我只能通過javascript和jquery摸索，所以我很困惑，當涉及到的東西。

<ul> 
    <li class="scrolldot"><span><a href="#one">1</a></span></li> 
    <li class="scrolldot"><span><a href="#two">2</a></span></li> 
    <li class="scrolldot"><span><a href="#three">3</a></span></li> 
    <li class="scrolldot"><span><a href="#four">4</a></span></li> 
    <li class="scrolldot"><span><a href="#five">5</a></span></li> 
    <li class="scrolldot"><span><a href="#six">6</a></span></li> 
</ul>

所以基本上，我希望用戶打的向下箭頭，他們將要採取的下一章節，這取決於他們在頁面上的位置。如果他們在第二部分，請將他們帶到三。如果他們再次擊中，他們將被帶回到兩個等等。合理？

來源

2013-02-06 dnpayne

結帳Mousetrap。這是一個漂亮的小型圖書館，使綁定密鑰非常容易。網站上還有一些很好的例子。

也許這樣的事情就夠了：

Mousetrap.bind('up', function() { 
    your_up_function(); 
}); 

Mousetrap.bind('down', function() { 
    your_down_function(); 
});

來源

2013-02-07 16:24:26 Julio

這可能是朝正確方向邁出的一步。我上面發佈了我的代碼，因爲它可能會更復雜一些，因爲我需要導航到特定的定位標記，我需要知道用戶在頁面上的位置。 – dnpayne

它有點像你想要向上的箭頭不僅改變內容，而且還表明它們在ul中的位置？如果是這種情況，請查看scrollspy（http://twitter.github.com/bootstrap/javascript.html）。請注意左側如何向下移動，導航改變。您仍然需要使用箭頭鍵鎖定功能，但我相信這會起作用。 – Julio

通過向上和向下箭頭導航到特定的anochor標籤按

回答

相關問題