Referenzieren in HTML - "hin" ist simpel, doch wie "zurück"...?

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Zurück-Button […], dessen Funktion man übrigens auch an Ort und Stelle nachbilden kann?

Neben der Problematik mehrerer Verweise auf eine Fußnote hat history.back() noch den Vorteil, dass man die Seite wieder genauso vorfindet, wie man sie beim Sprung zur Fußnote verlassen hat. Ein Link zurück hingegen plaziert die Referenz zur Fußnoten ganz oben im Viewport, d.h. es wird an eine andere Stelle hochgescrollt.

Zum Vergleich: Zurück-Link vs. JavaScript (als progressive enhancement; ohne JS funktionieren die Links trotzdem).

Da ist noch ein Haken: Wenn man bspw. im Text auf Fußnote 2 clickt und unten dann auf den Zurück-Pfeil von Fußnote 2, landet man dort, wo man weggesprungen ist, fein. Wenn man aber im Text auf Fußnote 2 clickt und unten dann auf den Zurück-Pfeil von Fußnote 1, landet man auch dort, wo man weggesprungen ist. Erwarten sollte man aber, dass man beim (ersten) Auftreten von Fußnote 1 landet.

Man muss sich also beim Sprung nach unten die jeweilige Fußnote merken und darf das mit history.back() nur bei dieser machen. Bei allen anderen Fußnoten führen die Links zu den jeweiligen Stellen.

☞ Beispiel

🖖 Живіть довго і процвітайте