Web ページ上の特定の位置へのリンクを作成するにはどうすればよいですか?

Question

ウェブページ上の特定のスクロール位置へのハイパーリンクを作成することは可能ですか？例えば、次のようなリンクを作成したいのですがhttp://www.stackoverflow.com/ただし、ページは 100 ピクセル下にスクロールされます。

Answer 1

特定の位置までスクロールするには、jQuery スクロール プラグイン. 見てみるとデモページ、プラグインには、特定の位置へのスクロールなど、さまざまなオプションがあることがわかります。ただし、これはターゲットの JavaScript を制御する必要があることを意味するため、外部サイトへのリンクには適さない可能性があります。

Answer 2

ページ内のどこかにリンクする通常の方法は、アンカーポイントすでにページに存在しています。

これは タグを使用して作成できます<a>…</a>。「アンカー ポイント」(上記) で指定されたリンクの#h-12.2末尾に があることに注意してください。これは、<a id="h-12.2">12.2</a>ページを形成する HTML に埋め込まれたものに対応し、クリックすると、ページ ビューがこのアンカーに再配置されます。

HTML5より前では、name属性はアンカータグで使用されていましたが、現在はサポートされていないため、id代わりに属性を使用する必要があります（参照)。これは、アンカー タグに任意の要素を使用でき、要素に制限されないことも意味します<a>。

Answer 3

Paul の回答と同様に、HTML ドキュメント内のタグ ID の最初の出現箇所にリンクすることもできます。ただし、これは正確なピクセル数ではありません。

たとえば、このページの質問または回答。

Answer 4

ページ上のピクセル特定の位置にリンクするには、「top:x left:y」座標を使用して絶対配置された div 内にアンカー タグを配置します。