jQuery

【jQuery】非常にシンプルなパララックススクロールSimple Parallax

May 9, 2017
simple parallax

Simple Parallaxは非常にシンプルなパララックススクロールjQueryプラグイン。

Getting started

jQueryとparallax.js

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous" type="text/javascript"></script>
<script src="assets/js/parallax.js" type="text/javascript"></script>

div.heroにスタイリングで背景イメージを設定

<div class="hero-wrapper">
  <div class="hero" style="background-image:url('assets/img/hero.jpg')"></div>
</div>