スクロールで画面内に要素が表示されたらアニメーションを行う実装をすることがよくあるので、指定した要素が画面内に表示された時にclassを追加するという処理を作ってみます。 サンプルコード まずはclass付与の関数を作って実装してみます。 HTML <div class="contents"> <section class="section"> <div class="sample sample1"></div> </section> <section class="section"> <div class="sample sample2"></div> </section> <section class="section"> <div class="sample sample3"></div> </section> </div> .sampleに.is-showというclassが付くとフ
![スクロールで指定した要素が表示された時にclassを追加する](https://cdn-ak-scissors.b.st-hatena.com/image/square/3618b940a8de599445a0f4d23f8f7d54d33fd8bb/height=288;version=1;width=512/https%3A%2F%2Fcly7796.net%2Fblog%2Fwp-content%2Fuploads%2F2015%2F06%2Fmouse.jpg)