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");
就可以了。