spritely.net を使用してアニメーションを作成しています。アニメーションを開始する機能と停止する機能を提供します。
誰かがページを下にスクロールし始めたときにアニメーションを開始し、スクロールをやめたときにアニメーションを停止したい.
私はこれを行うことができますが、問題は.scrollがアニメーションの開始を1秒間に何度もトリガーし、アニメーションが狂ってしまうことです。ここでページを下にスクロールすると表示されます。
適切に実行できると、アニメーションは次のようになります。
このプラグインを試してみました
http://benalman.com/projects/jquery-throttle-debounce-plugin/
また、この http://documentcloud.github.io/underscore/#throttle
しかし、私のjqueryを、それに渡すことができる素敵な関数に準備して、アニメーションを機能させることができませんでした。また、他の人がこれらのプラグインを使用せずに curtail .scroll() を管理しているのを見てきましたが、自分の目的に合わせてコードを適応させることができませんでした。
これは、アニメーションを開始および停止する私のjqueryです。ユーザーがスクロールしているときの私の感知です。
$(window).scroll( function() {
$('#bird')
.sprite({fps: 1, no_of_frames: 16, rewind: true })
});
$(window).scroll(function() {
clearTimeout($.data(this, 'scrollTimer'));
$.data(this, 'scrollTimer', setTimeout(function() {
$('#bird').spStop()
}, 250));
});
$(window).scroll(function() {
$('#bird').spStart()
});