jqカウントアップアニメーションについて
解決したいこと
jqカウントアップアニメーションについて。カウントアップが該当する要素に入った際にループされるが一度のみの表示にしたい。
該当するソースコード
$('#box1').on('inview', function(event, isInView) {
if (isInView) {
//要素が見えたときに実行する処理
$("#box1 .count-up").each(function(){
$(this).prop('Counter',0).animate({//0からカウントアップ
Counter: $(this).text()
}, {
// スピードやアニメーションの設定
duration: 2000,//数字が大きいほど変化のスピードが遅くなる。2000=2秒
easing: 'swing',//動きの種類。他にもlinearなど設定可能
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
}
});
自分で試したこと
one を使えばいいという箇所までたどり着いたがその後がわからない。
0