jQuery

【jQuery】パララックス効果のための最小限のプラグインScrollize

October 15, 2016
Scrollize

Scrollizeはレスポンシブでパララックス効果のためのシンプルで最小限のjQueryプラグイン。

JS

  <script src="lib/jquery-1.10.2.min.js"></script>
  <script src="lib/scrollize.js"></script>
  <script>
  $(document).ready( function() {
    $('#story1').scrollize({
      initY: 0,
      deltaY: 172
    });
    $('#story2').scrollize({
      initY: -72,
      deltaY: 200
    });
    $('#story3').scrollize({
      initY: 0,
      deltaY: 300
    });
  });
  </script>

HTML

<div id="story1" class="slide">
      <h2>Scrollize.js</h2>
      <p>a minimalist jquery plugin for parallax effect
  </div>
  <div class="heading"><h2>Parallax is an awesome effect</h2></div>

MITiライセンス