jQuery

【jQuery】CSSとjQueryを使用してスクロールで表示する要素をアニメーション化するSlide up on Scroll

April 6, 2017
スライドアップスクロール

Slide up on ScrollはCSSとjQueryを使用してスクロールで表示する要素をアニメーション化するjQueryプラグイン。下にスクロールすると、要素が下からポップアップします。

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/animate.js"></script>
<section class="animate">
  <div class="animated">
  Scroll Down
  </div>
</section>
<section class="animate">
  <div class="animated">
  </div>
</section>
<section class="animate">
  <div class="animated">
  </div>
</section>
<section class="animate">
  <div class="animated">
  </div>
</section>
<section class="animate">
  <div class="animated">
  </div>
</section>