Ganzseitiges Scrollen im Abschnitt
fürDivi
Divi-Abschnittsrolleverwandelt normales Scrollen in ein elegantes Vollbild-Erlebnis: Die Seite gleitet mit einer flüssigen, konfigurierbaren Animation von einem Divi-Abschnitt zum nächsten. Perfekt für Landingpages, Portfolios und One-Page-Websites.
Holen Sie sich die Divi-Section-Scroll → Verfügbar auf dem offiziellen Divi-MarktplatzSehen Sie es in Aktion
Eine Schriftrolle. Ein Abschnitt. Keine Reibung.
Anstatt frei zu scrollen, springt jede Bewegung des Mausrads, jede Wischbewegung oder jeder Tastendruck im Ansichtsfenster zum nächsten Divi-Abschnitt – wie die Premium-„Ganzseiten“-Websites, die Sie in Design-Showcases sehen.
Fühlt sich teuer an. Installiert in einer Minute.
Plugin aktivieren, gewünschte Seiten ankreuzen, speichern. Mit der seitlichen Punktnavigation erhalten Ihre Besucher eine butterweiche Abschnittsauswahl – kein Code, keine Seitenerstellungsübungen.
- Mausrad
- Berühren Sie Wischen mit einem einstellbaren Schwellenwert
- Vollständige Tastaturunterstützung: Pfeile, Seite auf/ab, Leertaste, Home
- Anklickbare Punktnavigation mit Tooltips für Abschnittsnamen
- Optionaler springender Scroll-Down-Pfeil, der im letzten Abschnitt ausgeblendet wird
Wie es funktioniert
Von der Installation bis zur Vollseite in drei Schritten
Installieren
Laden Sie das Plugin wie jedes andere WordPress-Plugin hoch. In Ihrem Admin erscheint ein neues „Abschnitts-Scroll“-Menü.
Wählen Sie Ihre Seiten aus
Verwenden Sie die durchsuchbare Seitenauswahl, um das Scrollen von Abschnitten auf ausgewählten Seiten zu aktivieren – oder schalten Sie es mit einem Klick auf der gesamten Website ein.
Stimmen Sie das Gefühl ab
Wählen Sie Geschwindigkeit, Beschleunigung, Punktstil und Farben mit einer Live-Vorschau. Speichern Sie, und Ihre Divi-Seite scrollt wie eine Showcase-Site.
Warum es wählen?
Alles, was ein Fullpage-Plugin tun sollte – richtig gemacht
Echtes natives Scrollen
Die Engine animiert die tatsächliche Scroll-Position des Browsers, anstatt die Seite zu transformieren – so funktionieren Divi-Parallaxe, Sticky-Elemente und Scroll-Effekte weiterhin genau wie geplant.
Kontrolle pro Seite
Mit einer durchsuchbaren Seitenauswahl mit „Alles auswählen“ / „Löschen“ können Sie das ganzseitige Scrollen genau dort aktivieren, wo es hingehört – Landingpages ja, Blogbeiträge nein.
Hohe Abschnitte werden behandelt
Abschnitte, die höher als der Bildschirm sind, scrollen auf natürliche Weise in sich hinein, bevor sie weiterrasten. Lange Inhalte werden nie abgeschnitten.
Schöne Punktnavigation
Punkte, Linien oder Quadrate – links oder rechts, benutzerdefinierte Größe und Farben, Tooltips mit dem Abschnittsnamen und eine Live-Vorschau direkt in den Einstellungen.
Ankerlinks
Menüelemente, die auf einen Abschnitt verweisen, gleiten mit derselben Animation dorthin. Durch optionale URL-Hash-Updates landen geteilte Links im richtigen Bereich.
Fußzeilenbewusst
Fügen Sie die Fußzeile als letzten Scroll-Stopp ein oder lassen Sie sie weg – so oder so wird nichts auf Ihrer Seite unerreichbar.
Mobilfreundlich
Berühren Sie Wischen mit einem einstellbaren Schwellenwert oder kehren Sie unterhalb eines konfigurierbaren Haltepunkts zum normalen Scrollen zurück (980 Pixel entspricht dem Tablet-Haltepunkt von Divi).
Standardmäßig zugänglich
Berücksichtigt die Präferenz des Besuchers für reduzierte Bewegung, echte Schaltflächen mit ARIA-Beschriftungen, Fokusverwaltung und eine kohärente Tab-Reihenfolge.
Leicht
Vanilla-JavaScript im Frontend – kein jQuery, keine umfangreichen Bibliotheken. Assets werden nur auf den Seiten geladen, auf denen das Scrollen durch Abschnitte aktiv ist.
Division 5
Zielt auf Divi-Abschnitte in Divi 4 und Divi 5 ab, ignoriert automatisch Kopf-/Fußzeilen-Vorlagenbereiche und beeinträchtigt niemals den Visual Builder.
Sechs Lockerungskurven
Von einem sanften Ein-Aus-Anstieg bis hin zu einem subtilen „Rückwärts“-Überschwingen mit einer Übergangsdauer von 200 bis 3000 ms – finden Sie das genaue Gefühl Ihrer Marke.
Entwicklerfreundlich
Eine kleine JavaScript-API (next, prev, goTo…), ein dss:change DOM-Ereignis bei jeder Abschnittsänderung, WordPress-Filter und eine benutzerdefinierte Abschnittsauswahl.
Volle Kontrolle
Jede Option, eine saubere Einstellungsseite
Keine verstreuten Optionen, keine Shortcodes zum Merken. Ein moderner Einstellungsbildschirm steuert alles – mit einer Live-Punkt-Navigationsvorschau, während Sie Anpassungen vornehmen.
Wo es läuft
- Ausgewählte Seiten oder alle Seiten
- Durchsuchbare Seitenauswahl
- Alle auswählen / Verknüpfungen löschen
- Abzeichen auf der Titelseite
Scrollverhalten
- Übergangsdauer (200–3000 ms)
- 6 Entspannungskurven
- Tastatur
- Wischschwelle
- Kostenloses Scrollen in hohen Abschnitten
- Fußzeilenstopp, Loop-Modus
- Ankerlinks
Navigations-Benutzeroberfläche
- Punkte, Linien oder Quadrate
- Linke oder rechte Position
- Größe
- Tooltips zum Abschnittsnamen
- Farbe des Scroll-Down-Pfeils
- Live-Vorschau
Mobile
- Mobiler Fallback-Haltepunkt
- Unterstützung bei reduzierter Bewegung
- Fester Header-Offset
- Navigations-Z-Index
- Benutzerdefinierte Abschnittsauswahl
FAQ
Häufig gestellte Fragen
Funktionieren Divi-Parallaxe, Sticky-Elemente und Scroll-Effekte weiterhin?
Ja. Das Plugin animiert die native Scroll-Position des Browsers, anstatt die Seite mit CSS umzuwandeln, sodass alles, was auf das Scrollen reagiert, weiterhin genau wie geplant funktioniert.
Was passiert mit Abschnitten, die höher als der Bildschirm sind?
Wenn „Freies Scrollen innerhalb hoher Abschnitte“ aktiviert ist (Standardeinstellung), scrollt ein großer Abschnitt normal in sich selbst; Sobald Sie den Rand erreicht haben, springt die nächste Schriftrolle zum nächsten Abschnitt. Es wird nichts abgeschnitten.
Entführt es das Scrollen im Divi-Builder?
Nein. Die Engine wird niemals im Visual Builder, im Customizer oder in der Vorschau geladen – die Bearbeitung bleibt völlig unberührt.
Kann ich Abschnittsänderungen über meine eigenen Schaltflächen auslösen?
Ja. Zeigen Sie mit einem beliebigen Link auf die CSS-ID eines Abschnitts und die reibungslose Ankerbehandlung übernimmt ihn, oder rufen Sie die JavaScript-API direkt auf, z. B.DiviSectionScroll.goTo(2).
Verleihen Sie Ihren Divi-Seiten das Gefühl einer Ganzseite
Schließen Sie sich den Divi-Websitebesitzern an, die gewöhnliche Seiten in ein umfassendes, abschnittsweises Erlebnis verwandelt haben – in wenigen Minuten, ohne eine Zeile Code.
Kaufen Sie Divi Section Scroll auf dem Divi Marketplace → Von Divi Layouts Pro – offizieller Divi Marketplace-Autor