隐藏滚动条时，弹出转换

Question

请看看这个FIDDLE（//更新）

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

当我隐藏弹出窗口时，它展开.main-content，所以一个令人讨厌的scorllbar出现一秒钟。

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

我能做些什么比，删除与此滑下弹出，但没有扩大主要内容

Answer 1

变化的元素，而不是margin-bottom的height：

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

JSFiddle