ScrollReveal?
スクロールするとびゅんびゅんアニメーションしてくれるやつ。
今も開発が進んでて割とアクティブなjQueryプラグイン。
これを2系から使っている人は、3系にバージョンアップした時にとまどうだろう。
なんせ仕様が変わりすぎなのだから。
2系までの使い方
<div data-sr="enter left and move 24px over 0.8s">
HTMLに動きを定義してた。
さらに
window.scrollReveal = new scrollReveal();
newする。ここ地味に重要。
3系からの使い方
window.sr = ScrollReveal({ delayType: 'onload' });
newしない。ここ地味に重要。
ここで定義したsrに動きをつける。
sr.reveal( '.enter-left', {origin: 'left'});
後はここで定義したclassをHTMLに設定する。
<div class="enter-left">
2系からの変更点
- newしない
- HTMLに動きを定義しない
- data-srがなくなった
詳しい使い方は全部GitHubに書いてある。