高性能页面滚动触发HTML元素动画JS插件

垂直布局 水平布局

Add scroll based animations to your site with ease.

CSS Animations

All animations are triggered by classes, so you can take advantage of the power that CSS3 animations give you.

Vanilla JS

It's written in vanilla javascript, so you can use it with any framework.

Request Animation Frame

It uses the window.requestAnimationFrame method so it doesn't jack the users scroll. Animations are triggered when the browser is ready for it.

Simple syntax

You define the options inside the HTML attribute, so after you have initialised the ScrollTrigger you don't have to touch JavaScript again.

Customizable

ScrollTrigger offers a range of options, from calling custom JavaScript functions to defining custom offsets and classes.

You scrolled past this block 0 times.

Versatile

ScrollTrigger supports vertical and horizontal scrolling, check out the vertical demo.

This block only animates once.