scrollDebounceThreshold

scrollDebounceThreshold v1.1.0

スクロール時にdebounceする際の待機時間を指定します。 v1.1.0から使用可能です。

• 初期値 : 300
• type : int

スクロール時のdebounceのしきい値は何msですか？
isPausedWhenNotInViewにtrueを指定した場合のみ有効です。

デモ

スクロールしてcanvasが表示圏内に入り、スクロールを止めてから2秒(2000ms)後に表示します。

JavaScript

var granimInstance = new Granim({
  element: '#granim-canvas',
  scrollDebounceThreshold: 2000,
  isPausedWhenNotInView: true,
  opacity: [1, 1],
  states : {
    'default-state': {
      gradients: [
        ['#834D9B', '#D04ED6'],
        ['#1CD8D2', '#93EDC7']
      ]
    }
  }
});

HTML

<canvas id="granim-canvas" style="width:100%;"></canvas>