Fullpage Section Scrolling
for Divi
Divi Section Scroll turns normal scrolling into an elegant full-screen experience: the page glides from one Divi section to the next with a smooth, configurable animation. Perfect for landing pages, portfolios and one-page websites.
Get Divi Section Scroll → Available on the official Divi MarketplaceSee It In Action
One scroll. One section. Zero friction.
Instead of free scrolling, every flick of the mouse wheel, swipe or key press snaps the viewport to the next Divi section — like the premium "fullpage" sites you see in design showcases.
Feels expensive. Installs in a minute.
Activate the plugin, tick the pages you want, save. Your visitors get buttery-smooth section snapping with side dot navigation — no code, no page builder gymnastics.
- Mouse wheel & trackpad with smart momentum filtering — no accidental double-jumps
- Touch swipes with an adjustable threshold
- Full keyboard support: arrows, Page Up/Down, Space, Home & End
- Clickable dot navigation with section-name tooltips
- Optional bouncing scroll-down arrow that hides on the last section
How It Works
From install to fullpage in three steps
Install & activate
Upload the plugin like any other WordPress plugin. A new "Section Scroll" menu appears in your admin.
Pick your pages
Use the searchable page picker to enable section scrolling on selected pages — or switch it on site-wide with one click.
Tune the feel
Choose speed, easing, dot style and colours with a live preview. Save, and your Divi page scrolls like a showcase site.
Why Choose It
Everything a fullpage plugin should do — done right
True Native Scrolling
The engine animates the browser's real scroll position instead of transforming the page — so Divi parallax, sticky elements and scroll effects keep working exactly as designed.
Per-Page Control
A searchable page picker with select all / clear lets you enable fullpage scrolling exactly where it belongs — landing pages yes, blog posts no.
Tall Sections Handled
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
Frequently asked questions
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