高性能页面滚动触发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.