1

クリックすると、ユーザーをページの上部に移動させたい画像があります（これは「トップに戻る」リンクです）。

以下のコードを使用して、IDを使用して画像を'navigation' divにリンクしました。これは正しい方法であると言われていますが、何も実行されません。

ライブサイト

HTML

<div id="navigation">
     stuff in here
</div>

と

<!-- Back to top link -->
  <div class="bottom">
    <a href="#navigation">
      <img src="images/back_top.png" />
    </a>
  </div>

これは何もしないようですが、name属性は非推奨であるため、代わりにidを使用する必要があると思いましたが、これは何もしませんか？

4

4 に答える 4

2

#navigation要素が配置されているため、position: fixed常に画面上に表示されます。ドキュメントの上部にとどまる要素にリンクする必要があります。

別の要素を追加するかid、本文に を追加できます。または、ナビゲーションの を変更してposition、流れにとどまるようにします。または、JavaScript を使用してスクロールを一番上にアニメーション化することもできます (たとえば、jQuery.animateとscrollTopプロパティを使用)。

于 2012-09-01T19:35:40.750 に答える
1

すでに画面に残っているものにリンクしています（固定配置）。位置が固定されていないものをリンクします。

于 2012-09-01T19:43:37.410 に答える
1

これを入れてください：

<a name="top"> </a>

navigationあなたのdivの直後/前。

次に、変更

<a href="#navigation">

に

<a href="#top">

PS: page-source を確認した後、<body>タグの直後に配置することをお勧めします。

于 2012-09-01T19:38:28.743 に答える