Arts Smooth Scrolling for Elementor
Smooth Scrolling adds Lenis-powered momentum scrolling to your Elementor site: the page glides to a stop instead of snapping, in-page anchor links animate to their target, and GSAP’s ScrollTrigger stays in sync automatically when it’s on the page.
It works the moment you activate it — there’s nothing to switch on. Tune the duration and easing to taste, and the rest of the site keeps working as before — Elementor Sticky, dynamic content, everything.
Scrolling is powered by Lenis (MIT) by darkroom.engineering, compiled into the plugin’s own bundle.
What it does
- Momentum scrolling. The page scrolls through Lenis instead of the browser’s native scroll, with a duration and easing curve set from Site Settings.
- Anchor links. Clicking a same-page
#anchorlink (or a bare#) scrolls smoothly to the target, using a slightly snappier easing than the main scroll. - GSAP ScrollTrigger sync. If GSAP and ScrollTrigger are already on the page, the engine detects them, drives its render loop off GSAP’s ticker instead of a separate animation-frame loop, and keeps ScrollTrigger’s cached scroll position current on every frame.
- Disable on touch devices. On by default: phones and tablets never download the engine, since there’s no pointer-driven scrolling to smooth there.
Configuration
Everything lives in one tab: Elementor → Site Settings → Smooth Scrolling. Duration, easing (Expo Out or Linear), and the disable-on-touch switch. Changes apply live in the editor preview.
Footprint
A small inline loader sets the page’s scroll state synchronously and fetches the engine bundle itself — nothing is enqueued. On a device where Disable on Touch Devices applies, that fetch never happens.