jquery animate height bouncing

我做了一個腳本，動態地將內容加載到div中，並且每當內容使div的高度變大或變小時，它就會將高度動畫化爲實際高度。jquery animate height bouncing

問題是，它不僅向上/向下滑動，而且總是滑動一下，然後向下滑動到所需的高度。

我想在沒有「彈跳」的情況下直接在所需的高度滑動。

以下是腳本的一部分： main_content.html（html）;

main_content.css("height", "auto"); 
var newContentHeight = main_content.height(); 
loader_div.hide(); 
main_content.height(prevContentHeight); 
main_content.fadeIn("fast", function() { 
    main_content.animate({ 
     "height": newContentHeight 
     }, 300); 
    });

的腳本工作，唯一的問題是，動畫不滑動格上升或下降到需要的高度，它總是滑了一點升後降至所需高度。

使用動畫高度時是否需要某種動畫或者出現了什麼問題？感謝

編輯：控制檯日誌newContentHeight（該div的最終高度），它看起來像它集2米的高度，那麼有生第一次到他們那裏去的一個，然後到另外一個，這就是爲什麼它看起來像彈跳。在它上面工作。

edit2：是的問題是肯定存在的，我清理了所有的代碼和一切工作，除了我使用console.log從newContentHeight獲得2個屬性它看起來像隱藏的內容div有2個高度和那2個高度傳遞給.animate這就是爲什麼它首先上升，然後下降... 有點奇怪

來源

2012-04-06 g0dl3ss

你可以爲此創建jsfiddle嗎？ – 2012-04-06 11:56:31

@Mateusz W我昨天做了一個jsfiddle，但忘了保存它，無法複製整個網站，並複製腳本工作得很好，然後它沒有幫助。工作了一下，它的問題是，我試圖得到div的高度，而它被隱藏，它不明白，如果我添加'main_content.css（{display：「block」}）;'into上面的代碼和THEN獲得div的高度，它得到正確的高度。但我需要它隱藏起來。使用黑客也沒有工作（顯示它與-9999px邊緣獲得高度，並再次隱藏）。 – g0dl3ss 2012-04-07 18:25:58

無法解決問題，我修改了下面的腳本，現在一切工作就像它應該。 http://css-tricks.com/dynamic-page-replacing-content/ 它有我正在尋找的確切動畫（除了幾個步驟可輕鬆實現）。

來源

2012-04-08 15:31:15 g0dl3ss

我認爲問題不是腳本，而是系統運行腳本。更換時間慢一點

main_content.animate({ 
"height": newContentHeight 
}, 3000);

來源

2012-04-06 12:40:41 Starx

jquery animate height bouncing

回答

相關問題