javascript - 固定ナビゲーション - 特定の div または ID までスクロール

Question

私は上に固定ナビゲーションを持っています:

  <div class="navigation">
      <ul>
         <li><a href="#" id="toggle1" class="contentdown">HOME</a></li>
         <li><a href="#" id="toggle2" class="contentdown">ABOUT</a></li>
         <li class="logo"><img src="images/ogsystemslogo.png" /></li>
         <li>CAREERS</li>
         <li><a href="#" id="toggle3" class="contentdown">CONTACT</a></li>
      </ul>
  </div>

「連絡先」ターゲットをクリックすると、コンテンツ領域の開始点のすぐ上に div が展開されます。私の問題は、ユーザーがページの上部にいる場合、これは素晴らしいことです。ユーザーが中央までスクロールした場合、div は引き続き機能しますが、div が含まれていないため、ユーザーは何が起こっているのかわかりません。見る。私の質問は、このターゲットをユーザーが見ることができるページのどこでも動作させるにはどうすればよいですか? 別の言い方をすれば、ユーザーが長いページの一番下にいて、連絡先ボタンをクリックした場合、ユーザーがコンテンツを見ることができるようにページをコンテンツのある場所に移動するにはどうすればよいでしょうか?

私はこれを試しました：

1. タグのすぐ下、ただし固定ナビゲーションの上に ID () を追加して、ここの JavaScript が機能することを期待しています。

       $("#test").click(function () {
       $('html, body').animate({
           scrollTop: $("#uptop").offset().top
       }, 1000);
   });
   

   しかし、これは機能しません。

私のスクリプトにもこれがあります：

        $(document).ready(function () {
        $(this).scrollTop(0);
    });

ページが更新されると、ページが一番上に表示されるようにします。

これを機能させるために私が書くことができるgoTo関数はありますか？ナビゲーションは別の div を開くために使用されているため、各リンクを 2 つの別々の機能にリンクできるかどうかわかりません。

        <div class="toggle3" style="display: none;">
            <div class="toggle3main">
                <div class="wrapper">
                    <div class="map">
                    </div>

                </div>
            </div>
        </div>

JS は次のとおりです。

    $(function () {
        $('#toggle3').click(function () {
            $('.toggle3').show('1000');
            $('.toggle2').hide('1000');
            $('.toggle1').hide('1000');
            $('.toggle').text('toggle 3 clicked');
            $('.toggle').slideToggle('1000');

            return false;
        });
    });