[WordPress] 外掛分享: SmartParallax – Parallax Scroll Effects & Scroll Animations

WordPress 外掛 SmartParallax – Parallax Scroll Effects & Scroll Animations 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「SmartParallax – Parallax Scroll Effects & Scroll Animations」是 2025-11-23 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2026-02-22,距離現在已有 4 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 有 3 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

smartparallax |

外掛標籤

parallax | elementor | scroll effect | parallax scroll | scroll animation |

內容簡介

總結:SmartParallax 為 WordPress 區塊和區段添加了平滑、GPU 加速的視差運動。透過 CSS 轉換和輕量級 JavaScript 引擎提供所有效果,確保在現代設備上流暢運行。該外掛無縫集成到任何佈景主題或頁面生成器中。

1. SmartParallax 外掛為 WordPress 區塊和區段添加了什麼功能?
- 平滑、GPU 加速的視差運動
2. 哪些效果為驅動這些功能?
- CSS 转换和轻量级 JavaScript 引擎
3. SmartParallax 外掛能夠無縫集成到哪裡?
- 任何佈景主題或頁面生成器
4. 在什麼基準下提供平滑的視差運動?
- 捲動位置為基準
5. 透過哪個類別可以創建移動的背景層?
- .parallax-image
6. 如何透過哪個類別移動整個區塊或區段?
- .parallax-container
7. 哪個類別可以使垂直移動切換為水平移動?
- .parallax-x
8. 如何調整速度?
- 通過速度修飾符(例如 parallax-3, parallax--05 等)來調整速度
9. 什麼是可選的可感知停止行為?
- 使用 -s 修飾符
10. SmartParallax 外掛的授權是什麼?
- 采用 GPLv2 或更新的開源軟體許可證

原文外掛簡介

SmartParallax adds true scroll-linked parallax scroll effects to WordPress — built for performance, not gimmicks.
Unlike many animation plugins, SmartParallax does not run time-based animations.
All motion is directly tied to the user’s scroll position.
If the user doesn’t scroll, nothing moves.
This approach results in excellent performance, smooth motion and stable Core Web Vitals — even on mobile devices.
You don’t write JavaScript.
You don’t configure timelines.
You simply add a CSS class to a block, image or section — and the parallax scroll effect works instantly.
SmartParallax uses a small, dependency-free JavaScript engine and GPU-accelerated transforms.
There is no jQuery, no frameworks and no heavy animation libraries involved.
The plugin works out of the box with:
Gutenberg (Block Editor), Full Site Editing (FSE), Elementor (scroll effects & parallax), Bricks, Divi, Oxygen, WPBakery and most modern WordPress themes.
Perfect for:

Parallax scroll sections
Scroll animations in Elementor
Gutenberg scroll effects
Background parallax images
Lightweight animation on scroll

Live demo: See all free effects in action.
https://smartparallax.com/wordpress-parallax-plugin-demo/
Why SmartParallax
SmartParallax is built for developers and designers who want clean, scroll-driven motion without sacrificing performance or Core Web Vitals.

True scroll-linked motion (no time-based animations)
No JavaScript configuration required
Extremely lightweight (only a few KB)
No jQuery, no frameworks, no dependencies
Optimized for mobile devices
Designed to preserve Core Web Vitals and PageSpeed scores

Available Classes
Class
Description
.parallax-image
Moves only the background image
.parallax-container
Moves the entire block or section
.parallax-x
Enables horizontal movement
.parallax-01 … 10
Controls movement strength
.parallax--01 … 10
Inverted movement direction
.parallax-[…]-s
Stops movement at the center of the viewport
Examples:
* .parallax-02 – subtle depth
* .parallax-05 – stronger parallax
Privacy
SmartParallax optionally sends anonymous usage data when the administrator explicitly opts in.
Data sent:
– Plugin version
– WordPress version
– PHP version
– Site locale
– Activation / deactivation status
No personal data, IP addresses or site URLs are collected or stored.
Tracking is completely optional and can be disabled at any time in the plugin settings.
Privacy Policy:
https://smartparallax.com/datenschutzerklaerung/
License
SmartParallax is open-source software licensed under the GPLv2 or later.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「SmartParallax – Parallax Scroll Effects & Scroll Animations」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | trunk |

延伸相關外掛(你可能也想知道)

  • Scrollsequence – Cinematic Scroll Image Animation Plugin 》Scrollsequence 可讓您創建令人驚嘆的圖像序列動畫,可使用滾輪或觸摸控制。只需幾個點擊,將靜態設計轉換為視覺體驗。, , , 讓您的網站活起來,讓訪問者透過...。
  • Animate on Scroll 》使用熱門的 AOS JS 庫,透過新增 class names 完成任何元素的滾動動畫效果。, 此外掛可協助您簡單接合 AOS JS 庫,以新增任何滾動動畫效果至 WordPress 網站...。
  • Brozzme Scroll Top 》Brozzme Scroll Top 是一個輕量級的外掛,可以在每個頁面上添加一個可完全自定義的滾動至頂部按鈕。當用戶滾動頁面時,按鈕就會出現,當回到頁面頂部時就會消...。
  • Fast Smooth Scroll 》外掛總結:, - 這個外掛簡單直接,提供快速且高效的使用者體驗。, - 啟用外掛後,所有的錨點連結(指向同一頁面上其他內容的連結)將提供平滑捲動的體驗,而...。
  • Scroll Magic Addon for Elementor 》ScrollMagic for Elementor 可以輕鬆地根據使用者的當前滾動位置進行反應。這是一款完美的外掛,如果您想製作具有美麗效果的優秀網站,它與 Elementor widget...。
  • Scroll Magic Addon for WPBakery Page Builde 》透過 ScrollMagic for WPBakery Page Builder,您可以輕鬆地根據使用者的當前捲動位置做出反應。如果您想要在網站上加入美麗的效果,這是完美的外掛。它可完...。
  • Frontis Interactions – Block Animations with scroll, hover & click interactions 》總結文案:, 讓您的網站活著感知 — 使用基於互動的動畫。, , 問題與答案:, 1. Frontis Interactions 主要是用來做什麼?, - 它設計用來在區塊編輯器中直接創...。

文章
Filter
Apply Filters
Mastodon