【jQuery】スクロール時にアニメーションScrolla

Scrollaはスクロール時にアニメーションするためのjQueryプラグイン

CSS

<link rel="stylesheet" href="dist/demo.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

HTML

<div class="animate" data-animate="bounceIn" data-duration="1.0s" data-delay="0.1s">

JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="dist/scrolla.jquery.min.js"></script>
<script>		
$('.animate').scrolla();
</script>
 
scrolla

【jQuery】スクロール時にアニメーションScrolla

  • LATEST
  • RELATED
  • POPULAR