basicScroll - にほんご。

.isActive()

インスタンスが開始していればtrueを返し、 停止していればfalseを返します。

instance.isActive()

戻り値

boolean
インスタンスの状態。

デモ

「開始」ボタンまたは「停止」ボタンを押してから、 「状態確認」ボタンを押すと、 インスタンスの状態をconsole.logに出力します。
開始している場合はtrue、 停止している場合はfalseを表示します。

JavaScript

const instance = basicScroll.create({
  elem: document.querySelector('.element'),
  from: '0',
  to: '200px',
  props: {
    '--opacity': {
      from: 0,
      to: 1
    }
  }
});
instance.start();

document.querySelector('.start').addEventListener('click', function () {
  instance.start();
});
document.querySelector('.stop').addEventListener('click', function () {
  instance.stop();
});
document.querySelector('.isactive').addEventListener('click', function () {
  console.log(instance.isActive());
});

CSS

.element {
  width: 100px;
  height: 100px;
  background-color: #000;
 
  opacity: var(--opacity);
  will-change: opacity;
}

HTML

<button class="start">開始</button>
<button class="stop">停止</button>
<button class="isactive">状態確認</button>
<div class="element"></div>

© 2018 Tobias Reich Released under the MIT license

このコンテンツはTobias Reich(electerious)によるbasicScrollドキュメントを翻訳/改変したものです。