waypoint.jsとCSSでスクロールして
画面指定位置で要素をアニメーションさせる
waypoint.jsとCSSのtransition・Animationを使えば
簡単にスクロールで画面指定位置に来たタイミングで
アニメーションさせることができます。
Section1
このボックスが画面上から70％の位置に来たら背景色を変更します。
Section2
このボックスが画面上から70％の位置に来たら背景色を変更します。
Section3
このボックスが画面上から70％の位置に来たら背景色を変更します。
Section4
このボックスが画面上から70％の位置に来たら背景色を変更します。
Section5
このボックスが画面上から70％の位置に来たら背景色を変更します。