Title: Animator &#8211; Scroll Triggered Animations
Author: Toast Plugins
Published: <strong>2019 年 5 月 16 日</strong>
Last modified: 2025 年 12 月 1 日

---

搜索插件

![](https://ps.w.org/scroll-triggered-animations/assets/icon-256x256.gif?rev=2582662)

# Animator – Scroll Triggered Animations

 作者：[Toast Plugins](https://profiles.wordpress.org/toastwebsites/)

[下载](https://downloads.wordpress.org/plugin/scroll-triggered-animations.3.1.1.zip)

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

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

## 描述

Scroll Triggered Animations is a highly customisable, yet user-friendly interface
for implementing CSS animations correctly and efficiently throughout your WordPress
website.

Whether you’re a highly-skilled web guru, a content editor or you’ve got minimal
knowledge of web coding, STA makes the animation procedure easy. It works on any
theme, bespoke or not. Activate now and animate your website within minutes.

### Want to try STA?

[Demo on a risk free environment here](https://demo.tastewp.com/scroll-triggered-animations)

### Key points

 * Easy to use
 * Globally control your animations
 * Over 25 Preset Easy animations available out of the box.
 * Create your own CSS animations via the Custom Animation Builder
 * No framework used

Scroll Triggered Animations is built to allow any WordPress user (developer or not),
to implement professional looking animations without any knowledge of javascript.
You can choose to use our preset animations from our default animations library,
or create your very own CSS3 animation and integrate it with this plugin.

Find out more about this plugin [here](https://www.toastplugins.co.uk/plugins/scroll-triggered-animations/)

## 屏幕截图

 * [[
 * [[
 * [[

## 安装

#### PHP 5.6 or greater is recommended before installation

 1. Navigate to the plugins menu.
 2. Search for ‘Scroll Triggered Animations’
 3. Click ‘Install Now’ followed by ‘Activate’
 4. You’ll now be able to configure your animations under Settings > Scroll Triggered
    Animations

## 常见问题

### How do I use my own CSS animations with advanced animations?

The advanced animations tab is for those of you who want that customisability factor.
You can animate items on a global scope using your own CSS.

Your first step, is to activate the element you want to animate. You can activate
any element by class, id or tag.

The plugin seeks out these items on the frontend of your site and adds the class‘
scroll-triggered’ as it enters your screens dimensions. This gives you the ability
to target the element before and after it has entered your screen’s dimensions.

You’re CSS could look something like this:

    ```
    .button { opacity:0; transform:translateY(10px); transition:all .5s; }
    .button.scroll-triggered { opacity:1; transform:translateY(0); }
    ```

Just remember to use the transition property to define how long you would like the
animation to last.

Find out more [here](https://www.toastplugins.co.uk/how-to-add-animations-to-your-wordpress-website/)

### Why aren’t my animations working?

This could be a number of reasons. The most common issue for this is javascript 
being broken on your site. Check for a fatal error in the console and if you can’t
resolve the issue do not hesitate to contact us via the [support forum](https://wordpress.org/support/plugin/scroll-triggered-animations/).

## 评价

![](https://secure.gravatar.com/avatar/16ca7a0d7c3d2e91da0185ad58638f2a0654b3df42e2a3d55f9e427d5c06c4c7?
s=60&d=retro&r=g)

### 󠀁[support was here, hacking risk](https://wordpress.org/support/topic/no-support-412/)󠁿

 [adpassion](https://profiles.wordpress.org/adpassion/) 2024 年 12 月 1 日 1 回复

4 years ago I was happy about support There where some issues getting the first 
support, my ticket got lost. But fortunately support answered and helped me. Aaron
is very reactive. This plugin is perfect if you need to trigger animations through
classes. NOW There is a security risk since months, and author does…nothing, I will
need to remove that plugin to not get hacked. Version 3.0.12 is vulnerable to Cross
Site Scripting (XSS)

![](https://secure.gravatar.com/avatar/bdbcc50d5635477d7e819b1ece962ffcf9dee5547ab97d084d0d9d900dba49c3?
s=60&d=retro&r=g)

### 󠀁[nice plugin!](https://wordpress.org/support/topic/no-support-for-premium-version/)󠁿

 [alexgm5](https://profiles.wordpress.org/alexgm5/) 2023 年 12 月 13 日 2 回复

<!– wp:paragraph –> <p class=””>Hi, I want to change the login-email-address. I 
already sent a support-ticket. Thanks for answering.</p> <!– /wp:paragraph –>

![](https://secure.gravatar.com/avatar/467bf76f3fe470ed541019c5b4492e050d41fdffb418063a734fe4eefe4bc810?
s=60&d=retro&r=g)

### 󠀁[No support for Premium version, not working properly](https://wordpress.org/support/topic/no-support-for-premium-version-not-working-properly/)󠁿

 [intelektual](https://profiles.wordpress.org/intelektual/) 2022 年 2 月 11 日 1
回复

Bought Pro version/addon, yet still waiting after opening a support ticket, no response
from the developer at all. It’s great the plugin has an option to disable animations
on mobile. Even greater would be if the option worked… Does nothing at all. Pretty
annoyed I paid for the Pro version.

![](https://secure.gravatar.com/avatar/285754a0c67f50f44ec1d74e570067f90ca8b785e00262f64921300e31d93e7b?
s=60&d=retro&r=g)

### 󠀁[Game changer, awesome plugin](https://wordpress.org/support/topic/game-changer-awesome-plugin-4/)󠁿

 [Carlos Pinedo](https://profiles.wordpress.org/carlos-pinedo/) 2021 年 5 月 20 
日

Superb plugin. The best of it’s kind.

![](https://secure.gravatar.com/avatar/9570d78643c550a320a21566bfc726f1d48a4ccc4c2b16d451b77b6eddfc145b?
s=60&d=retro&r=g)

### 󠀁[Great plugin – amazing support](https://wordpress.org/support/topic/great-plugin-amazing-support-133/)󠁿

 [shereew](https://profiles.wordpress.org/shereewalker/) 2021 年 5 月 19 日

This is a great little plugin. Easy to use and does exactly what it says. The support
is also the best I have ever received from any plugin (which is a lot of plugins).
Absolutely excellent and super quick support, went above and above for me – would
highly recommend this plugin

![](https://secure.gravatar.com/avatar/8672a509dcd73cfb026fc183f4d8b480c4bbce5f821999d73fc688d9f3224a20?
s=60&d=retro&r=g)

### 󠀁[Great plugin to gain control more over CSS animations](https://wordpress.org/support/topic/great-plugin-to-gain-control-more-over-css-animations/)󠁿

 [Xusje](https://profiles.wordpress.org/xusje/) 2021 年 5 月 14 日

This plugin is very nice to have more control over CSS animations, such as CSS animations
playing within the viewport instead of on page load, without having to use Javascript.
The built-in animations are nice and Aaron offers really good support!

 [ 阅读所有15条评价 ](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/)

## 贡献者及开发者

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

贡献者

 *   [ Toast Plugins ](https://profiles.wordpress.org/toastwebsites/)
 *   [ Aaron Jones ](https://profiles.wordpress.org/aaronj1998/)
 *   [ David Foreman ](https://profiles.wordpress.org/davros20/)

「Animator – Scroll Triggered Animations」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/scroll-triggered-animations/contributors)
为本插件所做的贡献。

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

### 对开发感兴趣吗?

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

## 更新日志

#### 3.0.6

*Fixed jQuery Issue

#### 3.0.0

*Complete Rework of the plugin backend to provide a clearer interface.
 *Backend
Options now update via AJAX allowing you to quickly edit options without reloading
the page. *Renamed “Default Animations” to “Easy Animations” *Renamed “Advanced 
Animations” to “Custom Animations” *Add compatibility for Scroll Triggered Animations
Pro Extension v3 *Visual Animation Builder Revealed. This feature will be available
in 2021 with the Pro Extension. *Rebranded the plugin. *Added the option to disable
ALL animations *Small tweaks to wording. *Added a “Helful articles” section to the
backend.

#### 2.5.0

*Added a simple tutorial to run through the plugin configuration.
 *Fixed bug where
popup wouldn’t close. *Small tweaks to styling and wording.

#### 2.4.2

*Sale now on
 *Multiple Bug fixes

#### 2.4.0

*New Premium animations added
 *Multiple Bug fixes

#### 2.2.3

*First updates for 2020
 *Christmas styling removed *Multiple bug fixes

#### 2.2.2

*Latest Bug fixes

#### 2.1.1

*Number of bug fixes and compatibility changes.

#### 2.1.0

*Number of bug fixes
 *Christmas styling

#### 2.0.1

 * Number of bug fixes
 * Added more premium features

#### 2.0.0

 * Added ability to control speed on default animations
 * Added ability to control delays on default animations
 * Disable default animations
 * Premium features now available
 * Added more animations to the default animation list.

## 额外信息

 *  版本 **3.1.1**
 *  最后更新：**6 月前**
 *  活跃安装数量 **2,000+**
 *  WordPress 版本 ** 5.1 或更高版本 **
 *  已测试的最高版本为 **6.8.5**
 *  语言
 * [English (US)](https://wordpress.org/plugins/scroll-triggered-animations/) 和
   [German](https://de.wordpress.org/plugins/scroll-triggered-animations/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/scroll-triggered-animations)
 * 标签
 * [animate](https://cn.wordpress.org/plugins/tags/animate/)[animation](https://cn.wordpress.org/plugins/tags/animation/)
   [css](https://cn.wordpress.org/plugins/tags/css/)
 *  [高级视图](https://cn.wordpress.org/plugins/scroll-triggered-animations/advanced/)

## 评级

 4.5 星（最高 5 星）。

 *  [  13 条 5 星评价     ](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/?filter=2)
 *  [  2 条 1 星评价     ](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/scroll-triggered-animations/reviews/#new-post)

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

## 贡献者

 *   [ Toast Plugins ](https://profiles.wordpress.org/toastwebsites/)
 *   [ Aaron Jones ](https://profiles.wordpress.org/aaronj1998/)
 *   [ David Foreman ](https://profiles.wordpress.org/davros20/)

## 支持

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

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