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
- Select all / clear shortcuts
- Front-page badge
Scroll Behaviour
- Transition duration (200–3000 ms)
- 6 easing curves
- Keyboard & touch toggles
- Swipe threshold
- Free scroll in tall sections
- Footer stop, loop mode
- Anchor links & URL hash
Navigation UI
- Dots, lines or squares
- Left or right position
- Size & colour pickers
- Section-name tooltips
- Scroll-down arrow + colour
- Live preview
Mobile & Advanced
- Mobile fallback + breakpoint
- Reduced-motion support
- Fixed-header offset
- Navigation z-index
- Custom section selector
FAQ
Häufig gestellte Fragen
Do Divi parallax, sticky elements and scroll effects still work?
Yes. The plugin animates the browser's native scroll position instead of transforming the page with CSS, so everything that reacts to scrolling keeps working exactly as designed.
What happens to sections taller than the screen?
With "free scroll inside tall sections" enabled (the default), a tall section scrolls normally inside itself; once you reach its edge, the next scroll snaps to the following section. Nothing gets cut off.
Does it hijack scrolling in the Divi builder?
No. The engine never loads inside the Visual Builder, the Customizer or previews — editing stays completely untouched.
Can I trigger section changes from my own buttons?
Yes. Point any link at a section's CSS ID and the smooth anchor handling picks it up, or call the JavaScript API directly, e.g. DiviSectionScroll.goTo(2).
Give your Divi pages the fullpage feel
Join the Divi site owners who turned ordinary pages into immersive, section-by-section experiences — in minutes, without a line of code.
Buy Divi Section Scroll on the Divi Marketplace → By Divi Layouts Pro — official Divi Marketplace author