Mit den sogenannten Anker Links bzw. Sprungmarken kannst Du direkt zu einer bestimmten Stelle auf einer Seite verlinken.
Das geht sehr einfach in 2 Schritten:
Schritt #1: Zuerst muss man bei dem Element zu dem man hinspringen möchte, unter „Erweitert“ einen „HTML-Anker“ einfügen:
Tipp: Falls Du ein „Sticky“ Menü hast, also das beim Scrollen ganz oben sichtbar bleibt: Füge den Anker nicht direkt beim Titel ein, sondern eben wie im Beispiel oben beim Abstandshalter darüber. Ansonsten ist der Titel hinter dem Menü versteckt.
Schritt #2: Und jetzt kann man einfach einen normalen Link zu diesem Anker setzen, indem man eine # voran setzt:
- Auf der gleichen Seite auf der der Anker ist, ohne komplette URL nur mit der #, also z.B. #angebot-uebersicht:
- Von einer anderen Seite aus muss ganz normal die URL plus Anker verwendet werden, also z.B.: https://deine-website.ch/#angebot-uebersicht oder https://deine-website.ch/unterseite/#angebot-uebersicht
Und das war es bereits 🙂