1

私は画像ギャラリーを開発しており、スクロールまで成功しました。マウスを上下にスクロールすると、画像が左右にスライドします。animate({"top","left"},500) を使用して、画像をスライドさせてアニメーション化しました。しかし、私の問題は、マウスが一度に2回以上スクロールすると、スクロールするたびにアニメーションが呼び出されるため、完了するまでに1000ミリ秒かかることです。

マウスのスクロール速度に対して画像アニメーションを高速化する方法はありますか?

これができるかどうかわからないので、コードを提供することはできません。これを実装する方法について何か提案はありますか?

編集

posn は上と左の配列で、var posn = [{x:"50%",y:"50%"},{x:"40%",y:"70%"},{x:"30%",y:"90%"},{x:"30%",y:"10%"},{x:"40%",y:"30%"}];

$("#photo0").animate({"top":""+posn[0].x,"left":""+posn[0].y},500);
$("#photo1").animate({"top":""+posn[1].x,"left":""+posn[1].y},500);

#photo2,#photo3,#photo4 の写真が 5 枚あります

4

1 に答える 1

2

スクロール中に頻繁に発生しないように、スクロール コールバックをデバウンスできます。500 ミリ秒 (アニメーションと同じ時間) ごとにのみ起動することを確認すると、2 つがうまく整列するはずです。

于 2013-03-10T14:41:44.757 に答える