- 記事公開日
scrollReveal.jsで複数のid・class属性を指定する
「scrollReveal.js」のアニメーションを複数のclassに指定するにはどうしたらいいの？
それができれば、同じコードを何度も書かなくて済むから楽なんだけど。
「,」カンマで区切ることで、複数のclass属性・id属性を指定することができます。
サンプルはこちらになります↓
<body>
<div class="motion1">動く文字</div>
<div id="motion2">動く文字</div>
<script src="./js/scrollreveal.min.js"></script>
<script>
window.sr = ScrollReveal({ reset: false ,mobile: true});
sr.reveal( '.motion1 , #motion2', {
origin: 'left',
distance: '100px',
});
</script>
</body>