Html 弹出转换时隐藏滚动条

请看这个//

这是我的应用程序的抽象。隐藏弹出窗口后，将使用ReactJS中的ReactCsStrasitionGroup将其从DOM中删除

当我隐藏弹出窗口时，它会展开.main内容，所以会出现一个恼人的scorlbar

简单的答案是添加溢出：隐藏到.main内容，但我不希望这样

除此之外，我还能做什么呢？在不放大主要内容的情况下，通过此幻灯片删除弹出窗口

更改元素的高度而不是边距底部：

---

因为我有很多元素在里面，改变高度看起来ugly@yonatanmn：为什么？用于底部的值看起来也像幻数。另外，在运行时使用jQuery获取元素的实际高度也没有问题，因此无论弹出窗口包含多少元素，也不管它们是否会更改。忘记最后一条评论：问题在于，我使用的是React，所以我不希望使用jQuery。和过渡不与initialok工作-解决了它-我使用的最大高度估计魔术数字太大将使动画丑陋。在转换时，我给出.popup{overflow:hidden}

$('#hide').click( function() {
    $('.popup').css("height","0px")
});
$('#pop').click( function() {
    $('.popup').css("height","100px")    
});