Title: Arts Smooth Scrolling for Elementor Author: Artem Semkin Published: 17.08.2026 Last modified: 18.08.2026 --- Шукати плагіни ![](https://ps.w.org/smooth-scrolling-for-elementor/assets/banner-772x250.png?rev =3650715) ![](https://ps.w.org/smooth-scrolling-for-elementor/assets/icon.svg?rev=3650715) # Arts Smooth Scrolling for Elementor Від автора [Artem Semkin](https://profiles.wordpress.org/artemsemkin/) [Завантажити](https://downloads.wordpress.org/plugin/smooth-scrolling-for-elementor.1.0.1.zip) * [Деталі](https://uk.wordpress.org/plugins/smooth-scrolling-for-elementor/#description) * [Відгуки](https://uk.wordpress.org/plugins/smooth-scrolling-for-elementor/#reviews) * [Встановлення](https://uk.wordpress.org/plugins/smooth-scrolling-for-elementor/#installation) * [Розробка](https://uk.wordpress.org/plugins/smooth-scrolling-for-elementor/#developers) [Підтримка](https://wordpress.org/support/plugin/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 `#anchor` link (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. ## Скріншоти [⌊The Smooth Scrolling tab, tucked under Elementor's Site Settings.⌉⌊The Smooth Scrolling tab, tucked under Elementor's Site Settings.⌉[ The Smooth Scrolling tab, tucked under Elementor’s Site Settings. [⌊Duration, easing, and the disable-on-touch switch.⌉⌊Duration, easing, and the disable-on-touch switch.⌉[ Duration, easing, and the disable-on-touch switch. ## Встановлення 1. Install and activate Elementor (the free version is fine). 2. Install and activate Arts Smooth Scrolling for Elementor. 3. Browse your site. Smooth scrolling is already running. To tune duration and easing, open Elementor’s Site Settings and find the Smooth Scrolling tab. ## Часті питання ### How do I access the Lenis instance from JavaScript? window.artsSmoothScrolling.ready is a promise that resolves once the engine has started. `window.artsSmoothScrolling.lenis` is a getter for the live Lenis instance, null while the engine isn’t running. ### Does it work with GSAP and ScrollTrigger? Yes, automatically. If `window.gsap` is present, the engine drives Lenis off GSAP’s ticker (added with priority, so it runs ahead of GSAP’s own tweens) instead of its own animation-frame loop, and calls `gsap.ticker.lagSmoothing(0)` once — the standard recipe for pairing GSAP with a smooth-scroll library. That call changes a global GSAP setting and is not reverted if smooth scrolling is later disabled. ### What happens when I click a link like /#pricing on a page that isn’t the homepage? It navigates to the homepage and then scrolls to the `pricing` anchor there — the same thing that link does in any browser without this plugin. There’s no trailing- slash normalization in the same-page check, so a link is only treated as pointing at the current page when its URL matches exactly. ### Does it affect Elementor’s Sticky elements? Elementor’s Sticky effect has its own “Anchor Offset” (`sticky_anchor_link_offset`) setting for compensating anchor-link scroll targets under a sticky header. That offset isn’t applied while smooth scrolling is active, since anchor scrolling then goes through Lenis rather than Elementor’s native scroll handling. ### Does it load anything on touch devices? Not when Disable on Touch Devices is on, which is the default. The inline loader checks a media query before ever requesting the engine bundle, so phones and tablets download nothing. ### How do I turn it off? Deactivate the plugin, or for conditional control use the `arts_smooth_scrolling/ enabled` PHP filter. ### Does it work with AJAX page-transition plugins (Barba.js-based themes, etc.)? Not certified yet with 1.0.0. The engine is designed to persist across such transitions rather than re-initialize on every page swap, but this hasn’t been tested against specific transitions plugins. If you run into issues, please report them. ## Відгуки Для цього плагіна немає відгуків. ## Учасники та розробники “Arts Smooth Scrolling for Elementor” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники: Учасники * [ Artem Semkin ](https://profiles.wordpress.org/artemsemkin/) [Перекладіть “Arts Smooth Scrolling for Elementor” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/smooth-scrolling-for-elementor) ### Цікавитесь розробкою? [Перегляньте код](https://plugins.trac.wordpress.org/browser/smooth-scrolling-for-elementor/), перегляньте [сховище SVN](https://plugins.svn.wordpress.org/smooth-scrolling-for-elementor/) або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/smooth-scrolling-for-elementor/) за допомогою [RSS](https://plugins.trac.wordpress.org/log/smooth-scrolling-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Журнал змін #### 1.0.1 * improved: confirmed compatibility with WordPress 7.1. #### 1.0.0 Initial release. ## Мета * Версія **1.0.1** * Останнє оновлення **1 місяць тому** * Активних встановлень **20+** * Версія WordPress ** 6.2 або вище ** * Tested up to **7.1** * Версія PHP ** 8.0 або вище ** * Мова * [English (US)](https://wordpress.org/plugins/smooth-scrolling-for-elementor/) * Позначки * [elementor](https://uk.wordpress.org/plugins/tags/elementor/)[lenis](https://uk.wordpress.org/plugins/tags/lenis/) [scrolling](https://uk.wordpress.org/plugins/tags/scrolling/)[smooth scroll](https://uk.wordpress.org/plugins/tags/smooth-scroll/) * [Розширений перегляд](https://uk.wordpress.org/plugins/smooth-scrolling-for-elementor/advanced/) ## Оцінки No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/smooth-scrolling-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/smooth-scrolling-for-elementor/reviews/) ## Учасники * [ Artem Semkin ](https://profiles.wordpress.org/artemsemkin/) ## Підтримка Є що сказати? Потрібна допомога? [Перейти в форум підтримки](https://wordpress.org/support/plugin/smooth-scrolling-for-elementor/)