【jQuery】パララックススクロールエフェクトを可能にする軽量のプラグインParoller

jQuery

paroller

March 6, 2017

Parollerはパララックススクロールエフェクトを可能にする軽量のjQueryプラグイン。

Install

jQuery library

<script src="jquery-3.1.1.min.js"></script>

jquery.paroller.js

<script src="jquery.paroller.min.js"></script>

Usage

$("element").paroller();
$(window).paroller({ factor: '0.5', type: 'foreground', direction: 'horizontal' });

data attribute

data-* default value
data-paroller-factor 0
data-paroller-type background
data-paroller-direction vertical

JavaScript

$(window).paroller({
                            factor: 0.3,            // multiplier for scrolling speed and offset
                            type: 'foreground',     // background, foreground
                            direction: 'horizontal' // vertical, horizontal, TODO: diagonal
                        });

MIT

Latest Posts

Related Posts