日本語の縦書きは右側からですね

これは左へのスクロールです。スマホやアイパッドで本を読むように読めるかもです
ＰＣですとキーボードの左右の矢印キーでも動きます。

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.

Open source

The project, with documentation, is on GitHub. Give it some love!

Written by Erik Terwan