Title: Parallax Section Block – give any section scroll-stopping depth Author: bPlugins Published: 2022 年 1 月 26 日 Last modified: 2026 年 9 月 14 日 --- 搜索插件 ![](https://ps.w.org/parallax-section/assets/banner-772x250.png?rev=3623319) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/parallax-section/assets/icon.svg?rev=3623319) # Parallax Section Block – give any section scroll-stopping depth 作者：[bPlugins](https://profiles.wordpress.org/bplugins/) [下载](https://downloads.wordpress.org/plugin/parallax-section.2.0.4.zip) * [详情](https://cn.wordpress.org/plugins/parallax-section/#description) * [评价](https://cn.wordpress.org/plugins/parallax-section/#reviews) * [安装](https://cn.wordpress.org/plugins/parallax-section/#installation) * [开发进展](https://cn.wordpress.org/plugins/parallax-section/#developers) [支持](https://wordpress.org/support/plugin/parallax-section/) ## 描述 **Turn flat pages into scroll-stopping experiences – add a parallax section where the background moves slower than the content, right from the Gutenberg editor.** [**Demos**](https://bblockswp.com/demo/parallax-section/) ### Why Parallax Section Block? The parallax effect is a modern web design technique where the background element scrolls slower than the foreground content, creating a sense of depth as visitors move down the page. It’s a great way to highlight different sections on a lengthy page – landing pages, long-form content, sales pages or the homepage of a business website. **Parallax Section Block** lets you create a parallax section in a few clicks, with no technical knowledge required. Just add the block in the Gutenberg editor, choose your background, and adjust the settings from the sidebar. Because the effect relies on lightweight JavaScript, it stays fast – and scripts only load on pages where the block is actually used. ### Free Features * **Easy to Use:** Create a parallax section directly in the Gutenberg editor – no coding needed. * **Lightweight:** Relies on JavaScript and loads scripts only when the block is used, keeping pages fast. * **Multiple Parallax Themes:** Includes Blur Effect, Vertical, Particle, Three Image, and Row Scroll parallax styles. * **Customizable Settings:** Fine-tune the block from the right-side settings sidebar. * **Reusable:** Use the block as many times as you want across posts and pages. ### How to Use 1. Install and activate the **Parallax Section** plugin. 2. Add the **Parallax Section** block from the block category called “Widgets” in the Gutenberg editor. 3. Change the block settings from the right-side settings sidebar. 4. Publish – enjoy your parallax section! ### Use Cases * **Landing Pages:** Highlight key sections with depth and motion. * **Sales Pages:** Keep visitors scrolling with visually distinct sections. * **Long-Form Content:** Break up lengthy pages into engaging segments. * **Business Homepages:** Add a modern, polished feel to your most important page. Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](https://cn.wordpress.org/plugins/parallax-section/support@bplugins.com?output_format=md) ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. ## 屏幕截图 [⌊Parallax Section⌉⌊Parallax Section⌉[ Parallax Section [⌊Parallax Settings⌉⌊Parallax Settings⌉[ Parallax Settings [[ [[ [[ [[ ## 区块 该插件提供了 1 个区块. * Parallax Section Parallax scrolling effects in section. ## 安装 **From your WordPress dashboard (recommended):** 1. Go to **Plugins Add New**. 2. Search for **“Parallax Section”**. 3. Click **Install Now**, then **Activate**. 4. Add the **Parallax Section** block to any post or page in the Gutenberg editor. **Manual installation:** 1. Download the **Parallax Section** plugin (_.zip file_). 2. In your admin area, go to **Plugins Add New**, click **Upload Plugin**, choose the `parallax-section.zip` file, and click **Install Now**. 3. Or upload the plugin folder to the `/wp-content/plugins/` directory and activate it through the **Plugins** menu in WordPress. ## 常见问题 ### Is Parallax Section free? Yes, Parallax Section is a free Gutenberg block plugin. ### Does it work with any WordPress theme? Yes, it works with any standard WordPress theme. ### Will the parallax effect slow down my site? No. The effect is lightweight JavaScript, and the plugin only loads its scripts on pages where the block is actually used. ### Which parallax styles are included? The plugin includes five parallax themes: Blur Effect Parallax, Vertical Parallax, Particle Parallax, Three Image Parallax, and Row Scroll Parallax. ### Can I change the block settings? Yes, you can change the block settings from the Gutenberg block editor’s right sidebar. ### How many times can I reuse the block? You can use the block an unlimited number of times across your site. ### Where can I get support? You can post your questions on the [support forum here](https://wordpress.org/support/plugin/parallax-section/). ### Where do I report security bugs found in this plugin? Please report security bugs found in the source code of the Parallax Section plugin through the [Patchstack Vulnerability Disclosure Program](https://patchstack.com/database/vdp/9e5fc6a7-396f-420f-a049-09ff1c112b7f). The Patchstack team will assist you with verification, CVE assignment, and notify the developers of this plugin. ## 评价 ![](https://secure.gravatar.com/avatar/896537f8bcfe4df3599fd6631b685d66ea43f41fb50ed20592bba01d1749ef24? s=60&d=retro&r=g) ### 󠀁[2.0 Update Ruined it!](https://wordpress.org/support/topic/2-0-update-ruined-it/)󠁿 [obergagi](https://profiles.wordpress.org/obergagi/) 2025 年 11 月 2 日 2 回复 Was working Perfectly fine, but 2.0 update just greets you with a paywall, Breaks old parallax sections, and just works worse in genereal. Just revert it back. ![](https://secure.gravatar.com/avatar/116f2223805e4bec87adb409922692c878960ccc7f9c456f75e3414e2702ff08? s=60&d=retro&r=g) ### 󠀁[Easy to use and reliable](https://wordpress.org/support/topic/easy-to-use-and-reliable-31/)󠁿 [David Robinson](https://profiles.wordpress.org/davidglenrobinson/) 2024 年 1 月 25 日 Thanks for the nice plugin. It was easy to set up and worked as advertised. I'll keep it in my library of favorites. ![](https://secure.gravatar.com/avatar/bffa14b1660b3425bc9c9680559b5b3b21610ec721c36dc2390244c4f1d849b5? s=60&d=retro&r=g) ### 󠀁[Easy to use, easy to understand](https://wordpress.org/support/topic/easy-to-use-easy-to-understand/)󠁿 [lukas2018](https://profiles.wordpress.org/lukas2018/) 2022 年 10 月 17 日 I admit that I tried to develop my own WP parallax plugin with CSS to avoid later update issues. But without JS it came out it's impossible. This plugin provides for Gutenberg editor a very nice and easy solution. Great! ![](https://secure.gravatar.com/avatar/6f1ab51616dc5e5028e300f59711e60978b75c0417212b9704c3c8dab738a72d? s=60&d=retro&r=g) ### 󠀁[Works Great!!!](https://wordpress.org/support/topic/works-great-8309/)󠁿 [bigwavemaui](https://profiles.wordpress.org/bigwavemaui/) 2022 年 6 月 8 日 Had big problems adding parallax to site before I found this! ![](https://secure.gravatar.com/avatar/6c849c58d7a031baad1cb5633990fa389b41106096e258d1ab561fe42a138936? s=60&d=retro&r=g) ### 󠀁[Add Parallax](https://wordpress.org/support/topic/add-parallax/)󠁿 [warpcoil](https://profiles.wordpress.org/warpcoil/) 2022 年 5 月 2 日 Simple but effective Parallax Scrolling Effect ![](https://secure.gravatar.com/avatar/18fe495a773bb50cd74f1375733d3eada62ced4f7e16bd83cc233ba7bfb9d9d5? s=60&d=retro&r=g) ### 󠀁[Best parallax block](https://wordpress.org/support/topic/best-parallax-block/)󠁿 [badalsaha899](https://profiles.wordpress.org/badalsaha899/) 2022 年 2 月 20 日 I spent almost 3 hr to find the best block for parallax sections and found this one best. [ 阅读所有6条评价 ](https://wordpress.org/support/plugin/parallax-section/reviews/) ## 贡献者及开发者 「Parallax Section Block – give any section scroll-stopping depth」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Md. Merajul Islam Sojib ](https://profiles.wordpress.org/sojibislam9878/) * [ Freemius ](https://profiles.wordpress.org/freemius/) 「Parallax Section Block – give any section scroll-stopping depth」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/parallax-section/contributors) 为本插件所做的贡献。 [帮助将「Parallax Section Block – give any section scroll-stopping depth」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/parallax-section) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/parallax-section/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/parallax-section/)，或通过[RSS](https://plugins.trac.wordpress.org/log/parallax-section/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/parallax-section/)。 ## 更新日志 #### 2.0.4 * Freemius SDK and Admin Dashboard Updated #### 2.0.3 * Admin Dashboard Updated #### 2.0.2 * Black Friday Sale Link Added #### 2.0.1 * Update Freemius Lite SDK #### 2.0.0 * 5 New Themes Added 1. Blur Effect Parallax 2. Vertical Parallax 3. Particle Parallax 4. Three Image Parallax 5. Row Scroll Parallax #### 1.0.9 * Fix Iframe issue #### 1.0.8 * Reduce Dependency #### 1.0.7 * Fix issue #### 1.0.6 * Initial height #### 1.0.5 * Not load scripts if block is not used #### 1.0.4 * Add translate feature #### 1.0.3 * Fix Dependency #### 1.0.2 * Reduce PHP Code * Performance Improvement #### 1.0.1 * Reduce PHP Code #### 1.0.0 * Initial Release. ## 额外信息 * 版本 **2.0.4** * 最后更新：**2 周前** * 活跃安装数量 **3,000+** * WordPress 版本 ** 6.5 或更高版本 ** * PHP 版本 ** 7.1 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/parallax-section/) 和 [French (France)](https://fr.wordpress.org/plugins/parallax-section/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/parallax-section) * 标签 * [block](https://cn.wordpress.org/plugins/tags/block/)[Gutenberg block](https://cn.wordpress.org/plugins/tags/gutenberg-block/) [Parallax Effect](https://cn.wordpress.org/plugins/tags/parallax-effect/)[parallax scroll](https://cn.wordpress.org/plugins/tags/parallax-scroll/) * [高级视图](https://cn.wordpress.org/plugins/parallax-section/advanced/) ## 评级 4.3 星（最高 5 星）。 * [ 5 条 5 星评价 ](https://wordpress.org/support/plugin/parallax-section/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/parallax-section/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/parallax-section/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/parallax-section/reviews/?filter=2) * [ 1 条 1 星评价 ](https://wordpress.org/support/plugin/parallax-section/reviews/?filter=1) [您的评价](https://wordpress.org/support/plugin/parallax-section/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/parallax-section/reviews/) ## 贡献者 * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Md. Merajul Islam Sojib ](https://profiles.wordpress.org/sojibislam9878/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/parallax-section/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.buymeacoffee.com/abuhayat)