jQuery animate()具有负百分比Chrome / WebKit错误

时间:2012-06-14 12:03:14

标签: jquery google-chrome animation toggle

我无法让动画效果发挥作用。它在toggle()事件中被调用。我将div设置为负百分比的位置。从顶部开始时这很好用:0到顶部:-50%。然而,当从顶部动画:-50%到顶部:0时,我得到一个奇怪的错误,它会自动跳到距其完成目标大约5%的位置并从那里开始动画。

我只能在基于WebKit的浏览器中复制它。

要查看此错误,请参阅http://bni.mootexpress.com,然后点击页面右下角的“查找我们”链接。它会动画并显示背后的地图,但当您再次单击“查找我们”关闭地图时,您可以看到滑动框在动画制作之前如何跳回到它的最终目的地附近。

1 个答案:

答案 0 :(得分:0)

我意识到这是一张较旧的票,但是如果其他人遇到这个问题,那么当你混合百分比和像素时,你可能会遇到jQuery的错误。尝试更改您的顶部:0到顶部:“0%”或使用像素而不是百分比,方法是在运行动画之前将百分比转换为jQuery中的像素。

这看起来在以后的jQuery版本中得到修复。 http://bugs.jquery.com/ticket/9505