如何建立指向網頁上特定位置的連結？

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 內。