在調整div大小時順利移動子元素

我有一個頭部，當向下滾動時，它的大小約爲原始大小的四分之一，這就需要將元素移動到其中。現在，我只是在兒童元素上設置邊距，以便將它們正確放置在新尺寸的div中。這在調整div大小後創建了一個很好的結構，但是當變化發生時它們看起來並不好，因爲它們只是立即對齊新的位置，因爲我沒有任何動畫。在調整div大小時順利移動子元素

所以我想知道 - 當從A點到B點移動一個元素時，怎樣才能更平滑的過渡？從標題的div

相關CSS：

header { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 1000; 
}

和孩子都只是個基本要素，display: block和一些利潤給他們正確定位。

有什麼我可以做的行動，使過渡更平滑？我看着.animate()，但它似乎適用於絕對定位的元素，這對我來說並非如此。

來源

2017-09-01 tootertutor

看看設置一個css過渡：https：//developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions –

你可以上傳一個jsfidle的例子嗎？ – Dasma

您可以.animate()元素jQuery不僅絕對位置，但固定和相對以及。

這裏是一個JSFiddle與相對位置爲例。

如果你仍然不想在下面使用.animate()評論。

來源

2017-09-01 20:36:39

在調整div大小時順利移動子元素

回答

相關問題