2009-07-20 41 views
2

我有一個網頁以下項目:CSS溢出副作用涉及拉德編輯和jQuery .animate

  • 從Telerik的對的RadControls ASP.NET AJAX的編輯器的實例:稱它爲「編輯」
  • 可以通過jQuery的.animate函數來改變位置,一個div:稱它爲 「divAnimate」
  • 裏面divAnimate一個CSS溢出設置一個div:稱它爲 「divOverflow」

當divAnimate移動,編輯器所在的部分(或移動到下面)略微移動,然後在divAnimate停止移動時彈回到正常位置。當divOverflow的樣式包含溢出設置時會發生這種情況。

如果divOverflow的溢出風格被移除,當divAnimate移動時,編輯器根本不會移動。

所述行爲發生在Firefox(FF 3.5.1)中,而不是Internet Explorer(IE8)中。

有沒有人碰到過這個並解決了它?

回答

1

嘗試在開始動畫之前去除溢出。使用提供回調的動畫版本在完成時將溢出添加回來。

animate(params, [duration], [easing], [callback]) 
+0

這可以通過以下方式解決問題。在動畫設置溢出到「可見」之前。動畫(使用回調)後設置溢出'自動'。謝謝palehorse! – 2009-07-20 18:55:19