[WordPress] 外掛分享： Arts Smooth Scrolling for Elementor

內容簡介

Arts Smooth Scrolling for Elementor 外掛為您的 Elementor 網站增添了 Lenis 驅動的慣性滾動效果，讓頁面平滑停止，並使內部錨點連結流暢地動畫到目標位置，提升使用者體驗。

【主要功能】
• 慣性滾動：使用 Lenis 替代瀏覽器原生滾動
• 錨點連結：同頁面錨點連結平滑滾動
• GSAP ScrollTrigger 同步：自動與 GSAP 整合
• 觸控設備禁用：手機和平板不下載引擎
• 設定簡單：在 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.