不同浏览器上的jQuery效果不同

我正在使用jQuery来移动多个div的位置。我使用的效果是在firefox上工作（我使用的是firefox4）。它正在工作，因为我想要它一样。但是，当我在铬上测试它不一样。这里是链接到页面http://bit.ly/lsTwbg 不同浏览器上的jQuery效果不同

我忘了提及，你必须点击中间框！对不起

来源

2011-05-13 Rohan210

您应该在此处粘贴您的代码以使该问题对于将来的用户是永久性的。顺便说一句，你应该粘贴屏幕截图。例如，我没有Firefox和我的Chrome（我认为）是否正确。 – 2011-05-13 07:25:29

你说什么效果？ – diEcho 2011-05-13 07:26:00

我通常会发现Chrome也有太多的盐，适合我的口味。 – 2011-05-13 07:26:16

尝试初始设置＃严重主包装的底部样式。

在Develeper工具中，您可以看到，FF中的最初底部是500px（对于我来说恰好为511px），在Chrome中不存在。因此，动画从511px到30px（向下）在FF中运行，而在Chrome中从0到30px（向上）

来源

2011-05-13 08:59:42

谢谢你的线索......相反，我从顶部工作，它现在工作！非常感谢！ – Rohan210 2011-05-13 11:34:42

我可以看到，不同的“版本” ......

我的猜测：不要使用动画的margin。您应该在relative div中使用position: absolute。在top和left css-attribute上使用animate()。

来源

2011-05-13 08:34:44 michelgotta

但我试图删除部分代码，只有两个语句脱颖而出作为罪魁祸首.. 'code' $（“＃seriously-main-wrapper”）。animate（{“bottom”：“20px”}，{duration： 5000，队列：假}， “慢”）; $（'＃animal-scale'）。animate（{“margin-top”：“0px”，“margin-left”：“229px”}，{duration：5000，queue：false}，“slow”）; '代码' – Rohan210 2011-05-13 08:41:44

所有其他声明的工作，因为他们应该甚至余下的利润变化 – Rohan210 2011-05-13 08:43:27

不同浏览器上的jQuery效果不同

回答

相关问题