2017-06-23 8 views
0

私はそれがビューポートのときにアニメーションをトリガするために、このコードを使用しています:stutrek/scrollMonitorのメソッド 'one'の使い方は?

var myElement = document.getElementById("first-text"); 
    var elementWatcher = scrollMonitor.create(myElement); 

    elementWatcher.enterViewport(function() { 
      console.log('I have entered the viewport'); 
      var text = anime({ 
        targets: '#first-text', 
        translateX: -600, 
        opacity: 0, 
        direction: 'reverse', 
        easing: 'easeInOutQuart' 
      }); 
    }); 
    elementWatcher.exitViewport(function() { 
      console.log('I have left the viewport'); 
    }); 

要素がビューポートに入った後、これはアニメーショントリガー毎回作ります。 ページが読み込まれた後にトリガーする方法

+0

だけの提案を行います。関数に入る前にブール値フラグを含む変数を作成するだけではどうでしょうか? – Sagar

+0

原因scrollMonitorには、そのメソッドelementWatcher.on/off/oneがあります。このコードで使用する方法を知りたいだけです。そして、私はこのことでノブであることを覚えておいてください。何かをするための良い説明が必要です。 :) https://github.com/stutrek/scrollMonitor – RobiZzT

+0

あなたは外部のプラグインを使用しています。申し訳ありません。 – Sagar

答えて

0

ドキュメントはelementWatcher.on /オフ/ 1については明らかではないが、回避策として、この

elementWatcher.exitViewport(function() { 
    console.log('I have left the viewport'); 
    elementWatcher.destroy(); // stops future watcher 
}); 
+0

そうです、私はそれをその方法で使用しています。ご協力ありがとうございます。 – RobiZzT

関連する問題