內容簡介
Innovate ScrollStage 是一款視覺化工具，用於創建與滾動相關的動畫效果。使用者可以在實時預覽中調整滾動效果，並將其應用於 Elementor、Gutenberg 或自訂 HTML 的內容，提升網站的互動性與視覺吸引力。
【主要功能】
• 內建編輯器可實時調整效果參數
• 提供 Fade + Slide-in 和 Media Parallax 兩種滾動效果
• 支援多種佈建工具，輕鬆整合使用
• 可導出通用代碼，適用於任何佈建工具
• 提供簡易的起始範本供編輯
外掛標籤
開發者團隊
原文外掛簡介
Innovate ScrollStage is a visual studio for scroll-linked animation. Tune a scroll effect against a live preview, copy its motion “recipe”, and attach it to content you build natively in your page builder — Elementor, the block editor (Gutenberg), or hand-coded HTML.
The motion runs on a small, self-contained runtime built for this plugin. Recipes are motion-only: they describe the animation, never your content or layout, so your markup stays native and SEO-friendly.
What you get
A built-in Studio editor (WP Admin → Innovate ScrollStage → Editor): pick an effect, tune its parameters live, preview it, and copy the recipe or export starter markup.
Two scroll effects — Fade + Slide-in (each section fades and slides into the reading zone) and Media Parallax (a section’s media layer drifts at its own speed for depth).
Native tagging for your builder. Choose your builder under Settings and Innovate ScrollStage adds simple role/recipe controls, so you can turn your own containers into a scroll stage using the builder edition you already run.
A starter template (Minimal) to drop in and edit natively.
Universal code export that works in any builder with a raw-HTML/embed widget.
How it works
Open the Studio editor and design an effect.
Copy the recipe (a small JSON string).
In your builder, tag a section as the scroll stage and paste the recipe. Innovate ScrollStage injects the data attributes at render and the runtime animates it on scroll.
Supported builders
Elementor — native “Innovate ScrollStage” controls on containers/sections/columns.
Gutenberg (block editor) — a “Innovate ScrollStage” inspector panel on Group/Columns/Cover blocks, plus a block pattern.
WPBakery — paste the Studio’s code export into a Raw HTML element, or use the “Innovate ScrollStage” fields on rows and columns.
Any other builder with a raw-HTML/embed widget — paste the same code export.
Open source runtime
The animation engine and runtime are MIT-licensed. This plugin is GPL. A separate, optional premium edition with additional effects and a larger template library is available from Innovate Web Development; it is not required and is not distributed here.
No code is minified or obfuscated in a way that hides its source. The front-end runtime ships twice: assets/scroll-studio.js is the plain, human-readable build, and assets/scroll-studio.min.js is the same code minified for production. Both are produced by esbuild from the readable engine modules included in this plugin at app/packages/engine/. Every other script and stylesheet ships unminified, and the plugin loads no code from any remote server or CDN.
