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');
});
要素がビューポートに入った後、これはアニメーショントリガー毎回作ります。 ページが読み込まれた後にトリガーする方法
だけの提案を行います。関数に入る前にブール値フラグを含む変数を作成するだけではどうでしょうか? – Sagar
原因scrollMonitorには、そのメソッドelementWatcher.on/off/oneがあります。このコードで使用する方法を知りたいだけです。そして、私はこのことでノブであることを覚えておいてください。何かをするための良い説明が必要です。 :) https://github.com/stutrek/scrollMonitor – RobiZzT
あなたは外部のプラグインを使用しています。申し訳ありません。 – Sagar