Rulning af fuldsidesektion
forDivi
Divi Sektion Rulgør normal rulning til en elegant fuldskærmsoplevelse: Siden glider fra en Divi-sektion til den næste med en jævn, konfigurerbar animation. Perfekt til landing pages, portfolios og one-side websites.
Hent Divi Sektion Rul → Tilgængelig på den officielle Divi MarketplaceSe det i aktion
En rulle. Ét afsnit. Nul friktion.
I stedet for fri rulning, snapper hvert svirp med musehjulet, swipe eller tastetryk visningsporten til den næste Divi-sektion - som de førsteklasses "helsides"-websteder, du ser i designudstillingsvinduer.
Føles dyrt. Installeres på et minut.
Aktiver plugin'et, sæt kryds ved de sider du ønsker, gem. Dine besøgende får smørglatte sektionssnapninger med sidepunktnavigation - ingen kode, ingen sidebyggergymnastik.
- Musehjul
- Berøringsstryg med en justerbar tærskel
- Fuld tastaturunderstøttelse: pile, side op/ned, mellemrum, startside
- Klikbar priknavigation med værktøjstip til sektionsnavn
- Valgfri hoppende rulle-ned-pil, der gemmer sig på den sidste sektion
Hvordan det virker
Fra installation til helside i tre trin
Installere
Upload plugin som ethvert andet WordPress plugin. En ny "Section Scroll"-menu vises i din administrator.
Vælg dine sider
Brug den søgbare sidevælger til at aktivere sektionsrulning på udvalgte sider - eller slå den til på hele webstedet med et enkelt klik.
Juster fornemmelsen
Vælg hastighed, lempelse, prikstil og farver med en live forhåndsvisning. Gem, og din Divi-side ruller som et udstillingssted.
Hvorfor vælge det
Alt, hvad et fuldside-plugin skal gøre - gjort rigtigt
Ægte Native Scrolling
Motoren animerer browserens reelle rulleposition i stedet for at transformere siden – så Divi-parallakse, klæbrige elementer og rulleeffekter bliver ved med at fungere præcis som designet.
Kontrol pr. side
En søgbar sidevælger med vælg alle / ryd lader dig aktivere helsidesrullning præcis, hvor den hører hjemme - destinationssider ja, blogindlæg nej.
Høje sektioner håndteres
Sektioner, der er højere end skærmen, ruller naturligt inde i sig selv, før de klikker videre. Langt indhold bliver aldrig afskåret.
Smuk Dot Navigation
Prikker, linjer eller firkanter - venstre eller højre, tilpasset størrelse og farver, værktøjstip, der viser sektionsnavnet, og en live forhåndsvisning lige i indstillingerne.
Anker links
Menupunkter, der peger på en sektion, glider til den med den samme animation. Valgfri URL-hash-opdateringer betyder, at delte links lander i den højre sektion.
Footer-Aware
Inkluder sidefoden som et sidste rullestop, eller udelad den - uanset hvad bliver intet på din side utilgængeligt.
Mobilvenlig
Tryk på swipes med en justerbar tærskel, eller fald tilbage til normal rulning under et konfigurerbart breakpoint (980px matcher Divis 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 stillede spørgsmå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