當用js庫補間dom對象時要操作的最佳屬性

我正在尋找最好的和高性能的方式來動畫一些元素（用jquery或mootools）。例如，如果我有移動的元素，它更好地：當用js庫補間dom對象時要操作的最佳屬性

絕對定位，並使用頂部或左
絕對定位一個使用它
邊距或利潤率左
固定定位，並使用頂部或
左
創建一個大容器中，並使用
背景位置

2011-07-08 Luke

這一切都取決於你想獲得什麼樣的動畫。 jQuery中的動畫對我來說是最有趣的，有時動畫行爲會有所不同，而元素則是固定/絕對或相對，寬度％/'px'等等。從來沒有足夠的驚喜和可能性。有意使用jQuery UserInterface（UI）現在，我不明白你的問題......你可以解釋一下嗎？！什麼樣的動畫??? –

如果您未指定left/top值，則絕對位置+餘量處理可以執行一個很好的技巧。

有什麼竅門？

與絕對位置的元件，但沒有left/top將在其中將發生的靜態元件的相同位置被渲染，而margin-left/margin-top將添加到該位置。

總體來說，我很欣賞你不提靜態位置作爲一個選項 - 動畫等元素會造成不必要的佈局迴流，這是DOM /超時動畫的主要缺點。

在你選擇的選項中，我認爲最高性能是背景選項。但它的應用有限，因爲你只能移動圖形內容。所以我會選擇＃1。

來源

2011-07-08 10:24:46 katspaugh

我同意。是的，這取決於你在補間什麼。背景圖像可能是最好的表現，因爲它不會真正重新定位元素，因此移動一些圖像（或其外觀，這很好）。否則，如上所述，如果您的元素是「絕對」，則「marginTop」/「Left」效果很好。固定不是X瀏覽器，並且修改頂部/左側不會很好地處理瀏覽器大小。 –

非常感謝。所以，如果可能的話，我會每隔一段時間就補充bg屬性。 – Luke

當用js庫補間dom對象時要操作的最佳屬性

回答

相關問題