同步Chrome,Safari等的jQuery动画

时间:2012-01-16 00:30:27

标签: javascript jquery html animation

将动画与jQuery同步的最佳/正确方法是什么?我需要移除动画中的小抖动以获得水平手风琴。

以下是该问题的链接(该网站正在进行中)。 http://repaintthecity.com/new/index_2.html

如果测试网站正在执行,则以下是jsfiddle中问题的副本:http://jsfiddle.net/cj4MQ/1/

动画抖动发生在最右边的块上。我已经尝试搞乱动画队列,但没有任何实现似乎完全消除了抖动。任何帮助/建议将不胜感激。

1 个答案:

答案 0 :(得分:0)

虽然两个动画似乎同时发生,但事实并非如此。出于所有实际目的,想象他们轮流改变他们的宽度。 (阅读http://ejohn.org/blog/how-javascript-timers-work/

简单的答案是你不能也许不应该。您在单线程javascript进程中设置了2个宽度的动画。无论如何尝试以这种方式设置动画,你都会遇到抖动。

您可以尝试通过将容器宽度设置为固定宽度来隐藏抖动,同时强制使用最后一个元素。