我有一个小动画，在所有浏览器中都运行得有点卡顿。我做错了什么吗？
这是我的代码：http://jsfiddle.net/iltdev/nN6cT/2/
这是我的代码：http://jsfiddle.net/iltdev/nN6cT/2/
2个回答
2
你做错的一件事是，在元素完成之前，你在启动新的动画...
这是因为你正在使用计时插件，并在固定时间间隔内触发新的动画。更好的方法是使用
示例见http://jsfiddle.net/gaby/qaGyS/2/ 另一件事是，你正在用很长的时间（对于距离而言）来动画一个非常小的距离（例如，你正在一秒内动画10个像素）。这很慢，你可以看到单个的移动。
快速动画示例见http://jsfiddle.net/gaby/qaGyS/1/
这是因为你正在使用计时插件，并在固定时间间隔内触发新的动画。更好的方法是使用
.animation() 方法的回调参数，在上一个动画完成后开始新的动画。示例见http://jsfiddle.net/gaby/qaGyS/2/ 另一件事是，你正在用很长的时间（对于距离而言）来动画一个非常小的距离（例如，你正在一秒内动画10个像素）。这很慢，你可以看到单个的移动。
快速动画示例见http://jsfiddle.net/gaby/qaGyS/1/
- Gabriele Petrioli
1
谢谢，Gaby。你的帮助确实让我的工作更加顺利了。我认为我的电脑有点问题，因为我在几个同事的电脑上尝试后，动画效果更加流畅了一些。这个动画的设计最终是要让人们在气球上上下跳跃，因此需要长时间内少量的移动。再次感谢你的帮助 :) - iltdev
0
考虑在动画中使用缓动效果。例如：http://matthewlein.com/experiments/easing.html。
- user1012851
1
我原以为缓动只是改变时间，例如产生减速效果？但在我的电脑上，整个动画似乎会“卡住”一两秒钟，然后再次开始移动……几乎就像电脑在努力跟上节奏。 - iltdev
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接