2

ページの上部または下部に移動する #top または #bottom というリンクがある Web サイトをよく見かけます。誰かが私のウェブサイトでそれを使用する方法を教えてください。私はすでに<a href="#top">orを言ってみ<a href="#bottom">ましたが、うまくいきませんでした。

4

3 に答える 3

8

これは、上と下として何を扱いたいかによって異なります。ページの一番最初にリンクするには、 のように URL を使用でき#ます<a href="#">Start of page</a>。開始近くの特定の要素にリンクするには、idそれに属性を割り当てます。<h1 id="top">Main heading</h1><a href="#top">Start of page</a>

下部は、事前定義された URL がないため、もう少し注意が必要です。このid手法を使用することはできますが、URL は要素の開始を参照します。ドキュメント本文の最後にある空の要素を使用して、これに対処できます。

Last piece of real content.
<div id="bottom"></div>
</body>
</html>

次に、たとえばを使用します<a href="#bottom">End of page</a>

ただし、通常、ページの先頭へのリンクは役に立たないよりも悪く、ページの末尾へのリンクは良くありません。すべてのブラウザは、任意のページの最初または最後に到達するための簡単な方法を提供します。

于 2013-08-02T19:41:02.747 に答える
5

でハッシュすると、ページ上のidと同等の要素に移動しidます。

したがって、次のような div がある場合:

<div id="top"></div>

およびそのようなアンカー:

<a href="#top">Go to top div</a>

アンカーをクリックすると、DOM 内のその div の場所に移動します。

于 2013-08-02T18:00:53.437 に答える