はてなブックマーク

画面のスクロールにあわせて、ちょっとした動きを出したい場合、jquery-waypoints と、animate.css を使うと簡単に実現できます。 jquery-waypointとは スクロールイベントを制御（ページ内の特定のスクロール位置で関数を実行するなど）できる animate.cssとは 要素にclassをつけるだけで、簡単にいろいろな種類のCSS3アニメーションを実装してくれる便利なスタイルシートです やり方 といっても簡単で、下記のように実装するだけ。 $(document).ready(function() { $('#intro').waypoint(function() { $(".wp1").addClass("animated fadeInDown"); }, { offset: 'bottom-in-view' }); }); id="intro" の要素までス