在React中，如何為div設置動畫效果並防止其下方的內容在動畫結束時跳轉？
[英]In React, how can I animate a div fading away and prevent the content below it from jumping at the end of the animation?
問題描述
我有一個使用淡入淡出動畫的div。 完成后，我相信它會設置display:none ，此時，它下面的內容會跳起來以填充空間。 如何使它更平滑？ 我想也許在動畫的結尾我可以插入一個visibility:hidden高度完全相同的visibility:hidden div，並為其高度縮小設置動畫。 但這感覺很普通，我不想在這里重新發明輪子。
1 個解決方案
解決方案1
1 2018-11-12 23:43:36
display: none從DOM中完全刪除該元素，其余的元素自然會“跳起來”以取代它的位置...如果您不希望這樣做，則可以將其設置為visibility: hidden或opacity: 0 ...而不是使用相同的方式創建占位符div ...
如何為 react.js 組件 onclick 設置動畫並檢測動畫的結束
[英]How can I animate a react.js component onclick and detect the end of the animation
如何防止此材質波紋動畫泄漏到其他div中？
[英]How can I prevent this material ripple animation from leaking out into other div?
如何防止javascript div彈出窗口跳回到頁面頂部？
[英]how to prevent javascript div popup from jumping back to the top of the page?
如何防止更改元素位置相對於固定位置時內容發生跳躍
[英]How to prevent jumping of the content on changing elements position from relative to fixed
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.