從自動啓動高度到未知高度的動畫效果？

如果有必要，我可以嘗試將它放在小提琴中，此時它只是相當複雜的代碼。這是我的問題：我有一個小孩的div因爲一些動態的圖像和文本內容而被重新調整大小，還有一個容器父母給出了一個很好的邊框。父母有一個自動身高（或沒有身高？），所以它隨着孩子的身高而流動。問題是，當我改變孩子的身高時，我將內容淡出然後再回來，所以有效高度是12px（一些邊框正在進行）。父母調整到12歲，然後當孩子內容淡入，父母去正確的位置。它看起來不穩定，因爲你看到這個過程在100ms左右的時間內展開。有沒有什麼方法來激活這個過程？我想理想情況下我正在尋找像從自動啓動高度到未知高度的動畫效果？

content.startAnimation和endAnimation，其中您不必指定值。

來源

2012-10-10 prismspecs

您必須在轉換之前設置高度*。 jQuery不能從'auto'動畫。嘗試這樣的：'$ el.height（$ el.height（））' – ahren

感謝您的答覆。不知道如何工作，但無論如何我嘗試了它，沒有骰子。 – prismspecs

所以我想出了一個解決方案。基本上，因爲我的＃內容div浮動，我能夠把一個#ghostWrapper div可以有一個比它的父母（＃內容）更高的高度。我的#ghostWrapper當然是不可見的。我開始與這個的onClick：

// set content height on load 
var contentHeight = $("#content").css("height"); 
$("#content").css("height", contentHeight);

然後，一旦內部#ghostWrapper內容已經自動調整它的高度，我設置＃內容相同的高度#ghostWrapper

// get ghostWrapper height and set content to it 
var ghostHeight = $("#ghostWrapper").css("height"); 
$("#content").css("height", ghostHeight);

而且在CSS我有身高作爲.2s過渡，所以它無縫調整。希望這可以幫助未來有同樣問題的其他人。

來源

2012-10-11 19:07:41 prismspecs

從自動啓動高度到未知高度的動畫效果？

回答

相關問題