クリックして名前付きアンカーにスクロールアップする - jquery

Question

こんにちは、これは私の最初の質問です。 私はnav div内の要素と同じ内容の別のcontent divに要素を持っていますが、IDを持つ要素があります。私は、コンテンツdivの上に対応するid要素をスクロールさせ、nav要素をクリックするようにします。私はクリックでコンテンツ要素に私を連れて行くコードを見つけましたが、次に別のコンテンツ要素をクリックするためにdivの先頭に戻る必要があります。私はちょうどいつでも任意のnav要素をクリックできるようにしたいと思って、divはスクロールして対応するコンテンツをコンテンツdivの上部に表示します。

<div class="nav"> 
     <span class="list-testimonials-group-item" id="1_1">to img 1</span> 
     <span class="list-testimonials-group-item" id="2_2">to img 2</span> 
     <span class="list-testimonials-group-item" id="3_3">to img 3</span> 
</div> 

<div class="content> 
    <img id="1"> 
    <img id="2"> 
    <img id="3"> 
</div> 

どうすればこの問題を解決できますか？ ありがとうございます。

Answer 1

あなたはそれがCSSに固定位置にいるのnav div要素を置くことですので、あなたがアンカーを使用する場合、NAVのコンテンツは、ユーザーの画面に従います必要なもの：

.nav { 
    position: fixed; 
} 

ヒント：代わりに使用NAV HTML5を、 SEOの機能に役立ちます。

Answer 2

私はここにexampleを作成しました。この例では、クリックすると関連する要素にスクロールする2つのリンクが上部にあります。

<a href="#test1"> go to 1</a>