0

現在、アンカー タグを使用しており、5 つのリンクにスムーズ スクロールを実装しています。これは現在完全に機能します。ただし、矢印キーを使用してこれらの同じアンカー タグをナビゲートする機能を追加したいと考えています。

私は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>

つまり、基本的には、ユーザーが下向き矢印を押すと、ページのどこにいるかに応じて、次のセクションに移動する必要があります。セクション 2 にある場合は、セクション 3 に移動します。彼らが再びヒットした場合、それらは2つに戻されます。わかる？

4

1 に答える 1

0

チェックアウトネズミ捕り。これは、キーのバインドを非常に簡単にする気の利いた小さなライブラリです。サイトにもいくつかの良い例があります。

おそらく、このようなもので十分でしょう。

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

Mousetrap.bind('down', function() {
    your_down_function();
});
于 2013-02-07T16:24:26.457 に答える