0

ページ ジャンプの原因となるナビゲーションを含む Web サイトを作成しています。しかし、ページ ジャンプ イベントが実行されると、ページが正しく読み込まれず、呼び出されたものより上のほとんどのコンテンツが読み込まれません。これが私のナビゲーションのコピーです：

   <div id="navbar-type">
     <ul>
       <li><a href="#bear-logo" target="_self">BEAR SOUP</a></li>
       <li><a href="#fiat-logo" target="_self">FIAT MOTORS</a></li>
       <li><a href="#news-logo" target="_self">NEWSEUM</a></li>
       <li><a href="#texas-logo" target="_self">TEXAS PARKS</a></li>
       <li><a href="#zach-logo" target="_self">ZACH THEATRE</a></li>
       <li><a href="#guinness-logo" target="_self">GUINNESS</a></li>
     </ul>
   </div>

ページ ジャンプの上の項目が表示されるようにコードを修正するにはどうすればよいですか?

ありがとう

4

2 に答える 2

0

表示された HTML にエラーはないようです。ただし、インライン ページ アンカーのターゲットを含める必要はありません。

実際にページにリンクがあると思います。たとえば、<a id="bear-logo"></a>、<a id="fiat-logo"></a> などです。

さらに、あなたが説明した問題は、ページの他の場所 (おそらく JS または jQuery) に無効なコードがあることを示しているようです。干渉している原因を特定するまで、HTML のセクションをコメントアウトすることをお勧めします。

ところで、単純な jQuery スクリプトを使用して、突然ロゴにジャンプするのではなく、ナビゲーションをロゴに流すことを検討していますか?

于 2014-01-14T03:11:17.813 に答える
0

<a name="bear-logo">ユーザーがリンクをクリックしたときにページをスクロールする場所を配置するだけでよく、他の場所についても同じです。たとえば、<p>下のタグまでスクロールしたい場合は、次のようにします。

<a href="#bear-logo">BEAR SOUP</a>
<!--More Code-->
<a name="bear-logo">
<p>Bear Soup:</p>
于 2014-01-14T03:01:38.333 に答える