不同瀏覽器上的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效果不同

回答

相關問題