2011-09-26 17 views
2

我使用jQuery UI的效果的包裝器被斬去一個div的內容的底部同時使用.show(「滑動」,

$('#account-slide').show("slide", {direction: "right"}, 1000); 

以顯示div一個按鈕被點擊時。

的問題是,應用到div,而它的div單擊該按鈕時削減ui-effects-wrapper類移動。

一旦div到達它的目的地div返回到正常狀態,您可以看到它的全部內容。

任何想法爲什麼ui-effects-wrapper類會造成這種情況?

感謝您的幫助。

回答

2

好了,到最後我只需要保證所載div我想滑動設置爲height: 100%

這是因爲ui-effects-wrapper似乎不喜歡自動的高度,同時滑動含格內的所有內容。

5

我有一個非常類似的問題,因爲元素會滑入,並且由於jQuery在動畫過程中直接對動畫元素定義的高度(在我的情況下爲28px),因此元素將被裁剪到底部。

有兩種方法,你可以去修復這一點,我發現 -

  1. 設置明確的高度包裝的div,然後設置內部DIV(或要素)的高度的height: 100% !important;

  2. 在CSS中設置一個明確的高度,以實際元素,越具體越好,這樣做height: 32px !important;

釷爲你的解決方案提供最大限度的幫助,根據你的初步結論,我的這個特殊情況對我來說是一個改進。

相關問題