jQuery动画效果不流畅。

Question

3

你有没有想过，如何使动画猫更加流畅地移动？

它在卡顿，我不知道如何使其更平滑。jQuery.fx.interval也没有帮助。

谢谢，克里斯蒂安

- Christian Haller

18

尝试使用蜗牛的图片...可能会更慢，但更加平滑。 - Hogan

1

提示：在当前状态下，当白色闪光停止时，您开始移动图像；如果您在白色闪光开始时开始移动图像，动画可能会更流畅。 - Lie Ryan

2个回答

7

来自CrossSlide jQuery插件的开发者：

还需注意的是，CSS和DOM会强制脚本将图像的位置和大小舍入为整数像素值，对于动画的每一帧而不仅仅是关键帧。这有效地使得缓慢、平稳的动画成为不可能。如果您遇到此问题，我的唯一建议是要么加快动画速度，要么取消对角线平移和/或图像缩放，要么切换到其他动画技术。

我认为这也适用于这里。希望这能帮到你。

- Shaz

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ry- · Accepted Answer

卡顿的原因似乎是由于缓动效果，因为您移动了一张图像的微小量，所以即使是微小的变化也很明显。只需将动画的easing参数设置为linear即可。