Helsidessektionsrullning
förDivi
Divi Sektion Scrollförvandlar normal rullning till en elegant helskärmsupplevelse: sidan glider från en Divi-sektion till nästa med en smidig, konfigurerbar animering. Perfekt för målsidor, portföljer och ensidiga webbplatser.
Hämta Divi Sektion Scroll → Tillgänglig på den officiella Divi MarketplaceSe det i aktion
En rulla. Ett avsnitt. Noll friktion.
Istället för att rulla gratis, knäpper varje klick med mushjulet, svep eller tangenttryckning visningsporten till nästa Divi-sektion – som de premium "helsides"-sajter du ser i designutställningar.
Känns dyrt. Installeras på en minut.
Aktivera plugin, markera de sidor du vill ha, spara. Dina besökare får en mjuk sektionssnäppning med sidopunktsnavigering – ingen kod, ingen sidbyggargymnastik.
- Mushjul
- Trycksvep med justerbar tröskel
- Fullständigt tangentbordsstöd: pilar, sida upp/ner, mellanslag, hem
- Klickbar punktnavigering med verktygstips för avsnittsnamn
- Valfri studsande rullningspil som gömmer sig på det sista avsnittet
Hur det fungerar
Från installation till helsida i tre steg
Installera
Ladda upp plugin som alla andra WordPress plugin. En ny "Section Scroll"-meny visas i din administratör.
Välj dina sidor
Använd den sökbara sidväljaren för att aktivera avsnittsrullning på utvalda sidor – eller aktivera den på hela webbplatsen med ett klick.
Justera känslan
Välj hastighet, lättnad, prickstil och färger med en liveförhandsvisning. Spara och din Divi-sida rullar som en utställningssida.
Varför välja det
Allt ett helsidesplugin ska göra – gjort rätt
Sann Native Scrolling
Motorn animerar webbläsarens verkliga rullningsposition istället för att omvandla sidan – så Divi-parallax, klibbiga element och rullningseffekter fortsätter att fungera precis som de är designade.
Kontroll per sida
En sökbar sidväljare med välj alla / rensa låter dig aktivera helsidesrullning exakt där den hör hemma - målsidor ja, blogginlägg nej.
Höga sektioner hanteras
Sections taller than the screen scroll naturally inside themselves before snapping onward. Long content never gets cut off.
Beautiful Dot Navigation
Dots, lines or squares — left or right, custom size and colours, tooltips showing the section name, and a live preview right in the settings.
Anchor Links & Deep Linking
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
Vanliga frågor
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