如何保持垂直滚动条始终存在于身体上？

Question

$("#btnGall").click(function() {
    $('#home,#vid,#story,#con').hide();
    $('#gall').slideDown('slow');
}); 

在第一行之后，屏幕几乎为空，滚动条消失，将页面的其余部分向右移动 在第二行之后 - 滚动条重新出现，并再次移动整个页面。
如何防止这种情况？

Answer 1

您可以将overflow-y应用于html。

html { overflow-y: scroll }

如果我记得，将它应用于body将导致IE上的双滚动条。

修改：Here's a sample。