Title: TZM Block Scroll Animations
Author: Jakob Wiens
Published: <strong>2025 年 12 月 11 日</strong>
Last modified: 2026 年 5 月 20 日

---

搜索插件

![](https://ps.w.org/tzm-block-scroll-animations/assets/banner-772x250.png?rev=3417211)

![](https://ps.w.org/tzm-block-scroll-animations/assets/icon-256x256.png?rev=3417211)

# TZM Block Scroll Animations

 作者：[Jakob Wiens](https://profiles.wordpress.org/jakobwiens/)

[下载](https://downloads.wordpress.org/plugin/tzm-block-scroll-animations.1.0.2.zip)

 * [详情](https://cn.wordpress.org/plugins/tzm-block-scroll-animations/#description)
 * [评价](https://cn.wordpress.org/plugins/tzm-block-scroll-animations/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/tzm-block-scroll-animations/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/tzm-block-scroll-animations/#developers)

 [支持](https://wordpress.org/support/plugin/tzm-block-scroll-animations/)

## 描述

**TZM Block Scroll Animations** helps you bring your blocks to life by adding clean,
expressive scroll-driven motion effects. Animate properties such as position, scale,
rotation, opacity, and more — all directly within the Gutenberg Editor in just a
few seconds.

### Features

 * **Animation Editor:** A clean and straightforward interface that requires no 
   coding or scripting knowledge. Set up eye-catching scroll-based animations in
   just a few clicks.
 * **Start/End-Based Animations:** Animate movement, rotation, scaling, opacity,
   grayscale, and blur using a simple, start-to-end value workflow that keeps animation
   behavior predictable.
 * **Customizable Timeline Range:** Define the scroll segment that drives the animation
   using block selection or custom CSS selectors for maximum flexibility.
 * **Integrated Responsive Controls:** Assign different animation settings for desktop,
   laptop, tablet, and phone independently.
 * **Easing Curves:** Add extra refinement by using non-linear easing to adjust 
   how animations unfold along the scroll timeline.

### Source Code

The source code for TZM Block Scroll Animations is available on GitHub!
 Follow 
the development, report issues, and get involved in improving the plugin. We welcome
contributions, feedback, and feature requests from the community.

 * [View on GitHub](https://github.com/jakobwiens7/tzm-block-scroll-animations)

## 屏幕截图

[⌊Quick and intuitive block animation workflow.⌉⌊Quick and intuitive block animation
workflow.⌉[

Quick and intuitive block animation workflow.

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/tzm-block-scroll-animations`
    directory, or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## 常见问题

### Does this plugin require coding or scripting knowledge?

No. All animations can be created within the Animation Editor by using input fields
and sliders.

### Why can’t I select certain blocks when using “Pick Timeline Range”?

Blocks without an HTML anchor cannot be selected. Add an anchor in the block settings,
then try again.

### Can I disable or define different animations for mobile and desktop?

Yes. The Animation Editor supports device-specific configuration. Activate the responsive
icons to set unique values per device.

### Is this plugin compatible with all themes?

Block Scroll Animations works with any theme that properly supports the block editor
and follows standard frontend markup.

### I want to use Block Scroll Animations on a non-WordPress site. Is this possible?

While the plugin cannot be used outside the WordPress environment, you may want 
to explore the underlying **ScrollageJS** library, which powers this plugin: https://
github.com/jakobwiens7/scrollage-js.

### Can I customize the ScrollageJS initialization settings?

Yes. Use the `tzm_scrollage_init_settings` filter to modify the initialization configuration.
For example:

    ```
    add_filter('tzm_scrollage_init_settings', function($settings) {
        $settings['debug'] = true;
        return $settings;
    });
    ```

For a complete list of available options, refer to the [ScrollageJS documentation](https://github.com/jakobwiens7/scrollage-js).

## 评价

此插件暂无评价。

## 贡献者及开发者

「TZM Block Scroll Animations」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Jakob Wiens ](https://profiles.wordpress.org/jakobwiens/)

[帮助将「TZM Block Scroll Animations」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/tzm-block-scroll-animations)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/tzm-block-scroll-animations/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/tzm-block-scroll-animations/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/tzm-block-scroll-animations/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/tzm-block-scroll-animations/)。

## 更新日志

#### 1.0.2

 * Support WordPress 7.0
 * Minor bugfixes
 * Allow importing single animations via JSON
 * Allow custom ScrollageJS initialization settings

#### 1.0.0

 * Initial Release 🙂

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**5 月前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 6.4 或更高版本 **
 *  已测试的最高版本为 **7.0.7**
 *  语言
 * [English (US)](https://wordpress.org/plugins/tzm-block-scroll-animations/)
 * 标签
 * [animation](https://cn.wordpress.org/plugins/tags/animation/)[block controls](https://cn.wordpress.org/plugins/tags/block-controls/)
   [effects](https://cn.wordpress.org/plugins/tags/effects/)[motion](https://cn.wordpress.org/plugins/tags/motion/)
   [scroll](https://cn.wordpress.org/plugins/tags/scroll/)
 *  [高级视图](https://cn.wordpress.org/plugins/tzm-block-scroll-animations/advanced/)

## 评级

尚未提交反馈。

[您的评价](https://wordpress.org/support/plugin/tzm-block-scroll-animations/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/tzm-block-scroll-animations/reviews/)

## 贡献者

 *   [ Jakob Wiens ](https://profiles.wordpress.org/jakobwiens/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/tzm-block-scroll-animations/)