Question

请查看 FIDDLE （//已更新）

这是我的应用程序的抽象。隐藏弹出窗口后，它将从DOM中删除（在ReactJS中使用ReactCSSTransitionGroup）。

当我隐藏弹出窗口时，它会展开.main-content，因此会出现恼人的scorllbar一秒钟。

简单的答案是将overflow:hidden添加到.main-content，但我不想要这个。

我可以做的是，使用此幻灯片删除弹出窗口，但不放大主要内容

Answer 1

更改元素的height而不是margin-bottom：

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