检测鼠标滚动动作jQuery

Question

我正在开发一个图片库，并且成功完成了滚动。当鼠标分别向上和向右滚动时，图像左右滑动。我使用animate（{“top”，“left”}，500）将图像设置为滑动动画。但我的问题是当鼠标一次滚动两次或多次时需要1000ms才能完成，因为每次滚动动画都会被调用。

有没有办法加快图像动画的鼠标滚动速度？

我不能给你任何代码，因为我不知道是否可以这样做。关于如何实施这一点的任何建议？

修改

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张照片

Answer 1

您可以debounce the scroll callback，以便在滚动时不会频繁触发。如果你确定它每隔500毫秒才会触发一次（与你的动画相同的持续时间），两者应该很好地对齐。