1

jQuery スクロールを作成するためのリンクやヒントがたくさんあることは知っていますが、それらを JS Fiddle で動作させることができますが、Visual Studio で使用すると何らかの理由で動作しません。jQuery v1.7.2（サイトからダウンロードしたもの）用の別のファイルがあります.script.jsと呼ばれるJavaScriptファイルで、クリック時のスクロール用にこのコードが含まれています：

 $('a').click(function () {
     $('html, body').animate({
         scrollTop: $($(this).attr('href')).offset().top
     }, 3000);
     return false;
 });

リンクをクリックするとページがナビゲーションの後ろにスクロールする固定ナビゲーションがあります。実際のリンクはアンカー タグを使用しているので機能しますが、イーズ インとイーズ アウトではありません。jsfiddle http://jsfiddle.net/9SDLw/で同様のものを使用すると機能しますが、コードで使用しようとすると機能しません。これが私のコードです：

      <div class="navigation">
      <ul id="navmenu">
          <li id="mainlogo"></li>
      </ul>
         <div class="mainnav">
              <ul id="actualnav">
                    <li>
                        <a href="#topbar" rel="">Home &nbsp;&nbsp;&nbsp;&nbsp;</a>
                    </li>
                    <li>
                        <a href="#aboutushome" rel="">About Us &nbsp;&nbsp;&nbsp;&nbsp;</a>
                    </li>
                    <li>
                        <a href="#productshome" rel="">Products</a>
                    </li>
                    <li>
                        <span class="resumatics">powered by resumatics</span>
                    </li>
              </ul>
         </div>
  </div>

これまでに 2 つの ID があり、「ホーム」リンクをクリックすると、アンカー用に次のコード行を配置したページの上部に移動します。

    <div class="topbar" id="topbar"></div>

次に、別のページについて、2番目のリンクの別のアンカーを配置しました。ここに「私たちについて」リンクがあります。

     <div class="middlebar1" id="aboutushome"></div>

したがって、ページがあるポイントから別のポイントにまっすぐ移動するため、リンクは機能しますが、ページを下に移動したり上に移動したりするのは機能しません。ここで何が欠けていますか？

4

1 に答える 1