2

テキスト コンテンツを含む 3 つの div を含む html ページがあります。ユーザーがホームページでクリックしたリンクに応じて、特定の div にスクロールしたい。

ホームページには 3 つのリンクがあります。私が望むのは、ユーザーがリンク1をクリックすると、結果ページのdiv 1にスクロールされ、ホームページのリンク2をクリックすると、ページが結果ページのdiv 2にスクロールされるなどです。

4

3 に答える 3

3

現在のドキュメントを特定の場所にスクロールする場合、HREF の値は、スクロール先のアンカーの名前で、先頭に # 記号を付ける必要があります。アンカーで別のドキュメントを開きたい場合は、ドキュメントの URL を指定し、その後に #、アンカーの名前を続けます。

アンカー タグでブックマークを使用します。

<a href="results.html#first-div">First</a>
<a href="results.html#second-div">Second</a>
<a href="results.html#third-div">Third</a>

「#」記号の後の値を適切な要素 ID に置き換えるだけです。

参照: http://devedge-temp.mozilla.org/library/manuals/1998/htmlguide/tags7.html

于 2012-07-08T17:23:17.047 に答える
2

最も簡単な方法は、フラグメント識別子を使用することです。リンクを作成するときはいつでも、リンクの最後に、スクロール先の要素のIDを添付してください。例えば：

link.html#divToScrollTo

使用例：

<a href="link.html#divToScrollTo">Scroll to div with divToScrollTo as id</a>

このリンクをクリックした後、ブラウザは最初に移動しlink.html、次にリンクのある要素までスクロールしdivToScrollToます。

于 2012-07-08T17:24:56.017 に答える
2

すべてではないにしてもほとんどの新しいブラウザは、アンカーの宛先としてIDもサポートしています

<div id="div1">...</div>

に応答します<a href="page2.html#div1">...</a>

name属性と同様に

于 2012-07-08T17:29:24.337 に答える