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 die naar een sectie verwijzen, glijden ernaartoe met dezelfde animatie. Optionele URL-hash-updates zorgen ervoor dat gedeelde links in de juiste sectie terechtkomen.
Voettekstbewust
Voeg de voettekst toe als laatste scrollstop, of laat deze weg: hoe dan ook, niets op uw pagina wordt onbereikbaar.
Mobiel vriendelijk
Aanraakvegen met een instelbare drempel, of val terug naar normaal scrollen onder een configureerbaar breekpunt (980px komt overeen met het tabletbreekpunt van Divi).
Standaard toegankelijk
Respecteert de voorkeur van de bezoeker voor minder beweging, echte knoppen met ARIA-labels, focusbeheer en een samenhangende tabvolgorde.
Lichtgewicht
Vanilla JavaScript aan de voorkant: geen jQuery, geen zware bibliotheken. Middelen worden alleen geladen op de pagina's waarop het scrollen door secties actief is.
Divisie 5
Richt zich op Divi-secties in Divi 4 en Divi 5, negeert automatisch kop-/voettekstsjabloongebieden en interfereert nooit met de Visual Builder.
Zes versoepelingscurven
Van een zacht gemak bij het in- en uitstappen tot een subtiele "back" overshoot, met een overgangsduur van 200 tot 3000 ms: vind het exacte gevoel van uw merk.
Ontwikkelaarvriendelijk
Een kleine JavaScript-API (next, prev, goTo...), een dss:change DOM-gebeurtenis bij elke sectiewijziging, WordPress-filters en een aangepaste sectiekiezer.
Volledige controle
Elke optie, één schone instellingenpagina
Geen verspreide opties, geen shortcodes om te onthouden. Eén modern instellingenscherm regelt alles – met een live-puntnavigatievoorbeeld terwijl u aan het tweaken bent.
Waar het draait
- Geselecteerde pagina's of alle pagina's
- Doorzoekbare paginakiezer
- Selecteer alles / wis snelkoppelingen
- Badge op de voorpagina
Scroll-gedrag
- Overgangsduur (200–3000 ms)
- 6 versoepelingscurven
- Toetsenbord
- Veeg de drempel
- Gratis scrollen in hoge secties
- Voettekststop, lusmodus
- Ankerlinks
Navigatie-UI
- Stippen, lijnen of vierkanten
- Links of rechts positie
- Maat
- Tooltips voor sectienamen
- Kleur van de pijl naar beneden scrollen
- Live-voorbeeld
Mobiel
- Mobiel fallback-breekpunt
- Ondersteuning voor verminderde beweging
- Offset met vaste kop
- Navigatie z-index
- Aangepaste sectiekiezer
Veelgestelde vragen
Veelgestelde vragen
Werken Divi-parallax, sticky-elementen en scroll-effecten nog steeds
Ja. De plug-in animeert de oorspronkelijke scrollpositie van de browser in plaats van de pagina te transformeren met CSS, zodat alles dat reageert op scrollen precies blijft werken zoals ontworpen.
Wat gebeurt er met secties die groter zijn dan het scherm
Als "vrij scrollen binnen hoge secties" is ingeschakeld (de standaardinstelling), scrollt een hoog sectie normaal binnen zichzelf; zodra je de rand bereikt, springt de volgende scroll naar het volgende gedeelte. Er wordt niets afgesneden.
Kapt het het scrollen in de Divi-builder?
Nee. De engine wordt nooit geladen in de Visual Builder, de Customiser of de previews; het bewerken blijft volledig onaangeroerd.
Kan ik sectiewijzigingen activeren via mijn eigen knoppen?
Ja. Wijs een link naar de CSS-ID van een sectie en de soepele ankerafhandeling pikt deze op, of roep de JavaScript-API rechtstreeks aan, b.v.DiviSectionScroll.goTo(2).
Geef uw Divi-pagina's het gevoel van een volledige pagina
Sluit u aan bij de Divi-site-eigenaren die van gewone pagina's een meeslepende, sectie-voor-sectie-ervaring maakten - in enkele minuten, zonder een regel code.
Koop Divi-sectie Scroll op de Divi Marketplace → Door Divi Layouts Pro – officiële auteur van Divi Marketplace