Install¶

Download¶

以下より最新ファイルをダウンロード

Stand Alone

<script src="./js-scroll-effect-module.js"></script>

npm

npm install --save js-scroll-effect-module

import SCROLL_EFFECT_MODULE from 'js-scroll-effect-module';

モーダルを起動したい箇所に、data-scroll属性(初期化の際に指定したもの)を追記

<div data-scroll-effect>
  item 1
</div>
<div data-scroll-effect>
  item 2
</div>
<div data-scroll-effect>
  item 3
</div>

jsファイル

new SCROLL_EFFECT_MODULE({ elem : '[data-scroll-effect]' });

htmlファイル

<script>
  new SCROLL_EFFECT_MODULE({ elem : '[data-scroll-effect]' });
</script>