【jQuery】惰性スクロール luxy.jsの使い方メモ

インストール

min30327.github.io

設置

<script src="path/to/luxy.js" charset="utf-8"></script>
<script charset="utf-8">
    luxy.init();
</script>

※head部分に設置したところ上手く動作しなかったので、footer下の方に設置したら動作した。

オプション

<script charset="utf-8">
    luxy.init({
    wrapper: '#luxy',//このタグで囲ってある場所で動作する
    targets : '.luxy-el',//パララックスするもの
    wrapperSpeed:  0.08//速度
  });
</script>

タブレットとかでは使用しない場合

<script>
if(!navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){
 luxy.init();
}
</script>

その他、こちらの記事を参照。
慣性スクロールとパララックスエフェクトのVanilla.jsプラグイン「Luxy.js」作ってみた | Will Style Inc.｜神戸にあるウェブ制作会社