Sprungmarken (Anker-Links) in Divi ermöglichen es, Besucher mit einem Klick zu einem bestimmten Bereich auf derselben Seite zu scrollen. Das ist ideal für lange Seiten mit mehreren Abschnitten oder für FAQs.
Schritt 1: Anker-ID am Zielbereich setzen
- Öffne den Divi Builder und klicke auf das Element (Abschnitt, Zeile oder Modul), zu dem gescrollt werden soll
- Gehe zu den Einstellungen → Tab „Erweitert“
- Trage im Feld „CSS-ID“ einen eindeutigen Namen ein, z.B.
kontakt - Speichere die Einstellungen
Schritt 2: Link mit Anker erstellen
Jetzt kannst du einen Button oder Textlink auf den Anker verlinken:
- Auf derselben Seite: Nutze als URL einfach
#kontakt - Von einer anderen Seite: Nutze
https://deine-domain.de/seite/#kontakt
In einem Divi Button-Modul trägst du diesen Link im Feld „Button-URL“ ein.
Sanftes Scrolling aktivieren
Für ein elegantes, animiertes Scrollen füge diesen Code in Divi → Theme-Optionen → Allgemein → Benutzerdefiniertes CSS ein:
html {
scroll-behavior: smooth;
}Tipp: Offset für fixierte Header
Wenn dein Header fixiert (sticky) ist, landet der Sprung oft hinter dem Header. Korrigiere das mit:
:target {
scroll-margin-top: 80px;
}Verwandte Artikel
Hast du eine Frage zu diesem Artikel?
Schreib uns – wir antworten in der Regel innerhalb eines Werktages.
Ähnliche Artikel
AJAX im Divi Blog-Modul deaktivieren
Das Divi Blog-Modul verwendet standardmäßig AJAX für die Paginierung – das bedeutet, beim Klick auf…
Lesen →
WordPress DIVI: Mit einem Button Elemente ein- und ausblenden
1. Button erstellen per Code Füge eine Schaltfläche mit dem Klassennamen „togglebtn“…
Lesen →
So deaktivierst du AJAX im Blog-Modul – Divi Theme
Das Blog-Modul verwendet AJAX, um ältere Posts zu laden. Wenn Sie auf die Schaltfläche für ältere E…
Lesen →