scrollar.js 是一個輕便的 javascript 視差滾動套件,只要簡單的讀入。

<script src="scrollar.min.js"></script>

之後在 html 上設定參數:

<div class="scrollar" data-scrollar-speed="2">
  I am super fast! -- 2px per 1px of scrolling
</div>
<div class="scrollar" data-scrollar-speed="-4">
  I am super slow! -- 0.2px per 1px of scrolling
</div>

接著使用

var scrollar = new Scrollar(".scrollar");

就可以了。