Wie kann ich einen Link zu einer bestimmten Stelle auf einer Webseite erstellen?

Question

Ist es möglich, einen Hyperlink zu einer bestimmten Scroll-Position auf einer Webseite zu erstellen? Ich möchte beispielsweise einen Link zuhttp://www.stackoverflow.com/, aber mit einer um 100 Pixel nach unten gescrollten Seite.

Answer 1

Sie können zu einer bestimmten Position scrollen, indem Sie diejQuery scrollTo-Plugin. Wenn Sie einen Blick auf seineDemo-Seite, werden Sie sehen, dass das Plugin viele verschiedene Optionen unterstützt, darunter das Scrollen zu einer bestimmten Position. Das würde allerdings bedeuten, dass Sie das JavaScript des Ziels steuern müssten, sodass dies für einen Link zu einer externen Site möglicherweise nicht geeignet ist.

Answer 2

Der Vanilla Way-Link zu einer Stelle auf der Seite erfolgt über eineAnkerpunktbereits auf der Seite vorhanden.

Dies kann mithilfe des <a>…</a>Tags erstellt werden. Beachten Sie, dass der in „Ankerpunkt“ (oben) angegebene Link #h-12.2am Ende eins hat. Dies entspricht der <a id="h-12.2">12.2</a>Einbettung in das HTML, das die Seite bildet, und wenn darauf geklickt wird, wird die Seitenansicht auf diesen Anker verschoben.

Beachten Sie, dass das Attribut vor HTML5 nameim Ankertag verwendet wurde, aber nicht mehr unterstützt wird und das idAttribut an seiner Stelle verwendet werden sollte (Referenz). Das bedeutet auch, dass Sie für einen Ankertag jedes beliebige Element verwenden können, Sie sind nicht auf das <a>Element beschränkt.

Answer 3

Ähnlich wie in Pauls Antwort können Sie auch auf das erste Vorkommen einer Tag-ID in einem HTML-Dokument verlinken. Dies wird jedoch keine genaue Anzahl von Pixeln sein.

Zum Beispiel: Link/Scrollen Sie zu dieser SeiteFrageoderAntworten.

Answer 4

Um auf eine pixelspezifische Position auf einer Seite zu verlinken, platzieren Sie das Anker-Tag in einem Div, das absolut mit den Koordinaten „oben:x, links:y“ positioniert ist.