【jQuery】パララックス効果のための最小限のプラグイン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ライセンス

 
Scrollize

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

  • LATEST
  • RELATED
  • POPULAR