Sectie over de volledige pagina scrollen
voorDiv
Divi-sectie scrollenverandert normaal scrollen in een elegante ervaring op volledig scherm: de pagina glijdt van de ene Divi-sectie naar de volgende met een vloeiende, configureerbare animatie. Perfect voor landingspagina's, portfolio's en websites van één pagina.
Divi-sectie ophalen Scroll → Beschikbaar op de officiële Divi MarketplaceZie het in actie
Eén rol. Eén sectie. Geen wrijving.
In plaats van vrij te scrollen, wordt met elke beweging van het muiswiel, veegbeweging of toetsaanslag de viewport naar de volgende Divi-sectie verplaatst - zoals de premium "volledige pagina" -sites die u in designshowcases ziet.
Voelt duur. Binnen een minuut geïnstalleerd.
Activeer de plug-in, vink de gewenste pagina's aan, sla op. Uw bezoekers krijgen supervloeiende secties met zijpuntnavigatie - geen code, geen gymnastiek voor het bouwen van pagina's.
- Muis wiel
- Touch-swipes met een instelbare drempel
- Volledige toetsenbordondersteuning: pijlen, Pagina omhoog/omlaag, Spatie, Home
- Klikbare puntnavigatie met tooltips voor sectienamen
- Optionele stuiterende scroll-omlaagpijl die zich in de laatste sectie verbergt
Hoe het werkt
Van installatie naar volledige pagina in drie stappen
Installeren
Upload de plug-in zoals elke andere WordPress-plug-in. Er verschijnt een nieuw menu 'Sectiescrollen' in uw beheerder.
Kies uw pagina's
Gebruik de doorzoekbare paginakiezer om sectie-scrollen op geselecteerde pagina's mogelijk te maken, of schakel deze met één klik in voor de hele site.
Stem het gevoel af
Kies snelheid, versoepeling, puntstijl en kleuren met een live preview. Sla op en uw Divi-pagina scrollt als een showcasesite.
Waarom ervoor kiezen
Alles wat een plug-in voor een volledige pagina moet doen: goed gedaan
Echt native scrollen
De engine animeert de echte scrollpositie van de browser in plaats van de pagina te transformeren - zodat Divi-parallax, sticky-elementen en scroll-effecten precies blijven werken zoals ontworpen.
Controle per pagina
Met een doorzoekbare paginakiezer met alles selecteren/wissen kunt u scrollen over de hele pagina inschakelen, precies daar waar het thuishoort: landingspagina's ja, blogposts nee.
Hoge delen behandeld
Secties groter dan het scherm scrollen op natuurlijke wijze naar binnen voordat ze verder springen. Lange inhoud wordt nooit afgebroken.
Mooie puntnavigatie
Punten, lijnen of vierkanten – links of rechts, aangepast formaat en kleuren, tooltips met de sectienaam en een live voorbeeld direct in de instellingen.
Ankerlinks
Menu items pointing to a section glide to it with the same animation. Optional URL hash updates mean shared links land on the right section.
Footer-Aware
Include the footer as a final scroll stop, or leave it out — either way, nothing on your page becomes unreachable.
Mobile Friendly
Touch swipes with an adjustable threshold, or fall back to normal scrolling below a configurable breakpoint (980px matches Divi's tablet breakpoint).
Accessible by Default
Respects the visitor's reduced-motion preference, real buttons with ARIA labels, focus management and a coherent tab order.
Lightweight & Fast
Vanilla JavaScript on the front end — no jQuery, no heavy libraries. Assets load only on the pages where section scrolling is active.
Divi 5 & Theme Builder Aware
Targets Divi sections in Divi 4 and Divi 5, automatically ignores header/footer template areas, and never interferes with the Visual Builder.
Six Easing Curves
From a soft ease in-out to a subtle "back" overshoot, with a transition duration from 200 to 3000 ms — find the exact feel of your brand.
Developer Friendly
A tiny JavaScript API (next, prev, goTo…), a dss:change DOM event on every section change, WordPress filters and a custom section selector.
Full Control
Every option, one clean settings page
No scattered options, no shortcodes to memorise. One modern settings screen controls everything — with a live dot-navigation preview as you tweak.
Where It Runs
- Selected pages or all pages
- Searchable page picker
- 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
Veelgestelde vragen
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