Helsideseksjonsrulling
tilDivi
Divi Seksjon Rullgjør normal rulling til en elegant fullskjermopplevelse: siden glir fra en Divi-seksjon til den neste med en jevn, konfigurerbar animasjon. Perfekt for landingssider, porteføljer og énsides nettsteder.
Hent Divi-seksjonsrull → Tilgjengelig på den offisielle Divi MarketplaceSe det i aksjon
En rulle. En seksjon. Null friksjon.
I stedet for gratis rulling, knipser hvert klikk på musehjulet, sveip eller tastetrykk visningsporten til neste Divi-seksjon – som de førsteklasses "fullside"-sidene du ser i designutstillinger.
Føles dyrt. Installeres på et minutt.
Aktiver plugin, kryss av for sidene du ønsker, lagre. Besøkende dine får smørjevn seksjon med sidepunktnavigering – ingen kode, ingen sidebyggergymnastikk.
- Musehjul
- Berøringssveip med justerbar terskel
- Full tastaturstøtte: piler, Page Up/Down, Space, Home
- Klikkbar punktnavigering med verktøytips for seksjonsnavn
- Valgfri sprett-rulling-ned-pil som skjuler seg på den siste delen
Hvordan det fungerer
Fra installasjon til helside i tre trinn
Installer
Last opp plugin-en som alle andre WordPress-plugins. En ny "Section Scroll"-meny vises i administratoren din.
Velg sidene dine
Bruk den søkbare sidevelgeren for å aktivere seksjonsrulling på valgte sider – eller slå den på hele nettstedet med ett klikk.
Juster følelsen
Velg hastighet, lettelser, prikkstil og farger med en direkte forhåndsvisning. Lagre, og Divi-siden din ruller som en utstillingsside.
Hvorfor velge det
Alt en helsides plugin skal gjøre - gjort riktig
Ekte innfødt rulling
Motoren animerer nettleserens virkelige rulleposisjon i stedet for å transformere siden – så Divi-parallaksen, klebrige elementer og rulleeffekter fortsetter å fungere akkurat som designet.
Kontroll per side
En søkbar sidevelger med velg alle / slett lar deg aktivere helsidesrulling akkurat der den hører hjemme – landingssider ja, blogginnlegg nei.
Høye seksjoner håndtert
Seksjoner høyere enn skjermen ruller naturlig inne i seg selv før de knipser videre. Langt innhold blir aldri kuttet av.
Vakker Dot Navigation
Prikker, linjer eller firkanter – venstre eller høyre, egendefinert størrelse og farger, verktøytips som viser seksjonsnavnet og en direkte forhåndsvisning rett i innstillingene.
Ankerlenker
Menyelementer som peker til en del glir til den med samme animasjon. Valgfrie URL-hash-oppdateringer betyr at delte lenker lander på den høyre delen.
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
Ofte stilte spørsmål
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