【jQuery】惰性スクロール luxy.jsの使い方メモ
インストール
設置
<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.|神戸にあるウェブ制作会社