jquery.animation（）高度方向

我有一個問題，設置從頂部到底部的聊天divs的高度.animate()。我有.userChatWrapper與position:fixed和bottom:0（所以單獨的聊天是強制留在視口內）和它的內部，.userChat股利。在#minimize它應該複製Google聊天的行爲（向下滑動到40px（標題的高度），延遲，然後向下滑動到4px）。它與.userChat設置爲position:absolute如此處所示JSFiddle-absolut，但與position:relative是捲起來，並得到凌亂，如此處所示JSFiddle-relative。相對定位是方便的，因爲我可以float:right.userChat divs，因爲對話被啓動，他們出現在彼此旁邊。有什麼幫助嗎？jquery.animation（）高度方向

來源

2015-03-30 aleksacavic

內容/高度的正常流動是從上到下增長，降低高度會將其降低到與該流向相反的方向。 position:absolute允許您移動底部的div的重量（使用bottom:0），並且實際上改變增長的方向，這就是爲什麼它在您的第一個小提琴示例中看起來不錯。

在第二個例子中，我建議動畫bottom:-x，而不是高度..這樣的事情

yourdiv.animate({bottom:'-390px'},"slow").delay(500).animate({bottom:'-410px'});

來源

2015-03-30 22:53:56

非常感謝！甚至更多的解釋。 – aleksacavic 2015-03-30 22:59:40

嘗試使用.slideToggle()和其他幻燈片動畫。 http://www.w3schools.com/jquery/jquery_slide.asp

來源

2015-03-30 22:09:42

爲什麼不鏈接到jQuery的文檔，而不是第三方？官方文件經常保持最新和相關。 – 2015-03-30 22:13:28

感謝您的意見 @Jaak感謝您的評論。是的，你有一個點。你認爲這可能是問題的一部分嗎？ @ Sterling，據我所知（糾正我，如果我錯了）它提供較少的舒適度，它不會採取任何參數作爲動畫嗎？除此之外，我有一般想知道我在這裏做的事情是否真的錯誤，對於進一步的類似情況... – aleksacavic 2015-03-30 22:44:05

@somename .slideToggle只是在引擎蓋下使用.animate，不會使差異^^ – 2015-03-30 23:02:24

jquery.animation（）高度方向

回答

相關問題