打开模态而不切换页面滚动条

Question

我有这个代码可以在模态元素可见时冻结整个背景。

function overlay() {
    $('#container').css({'pointer-events' : 'none', 'opacity' : 0.5});
    $('html').css('overflow-y', 'hidden');
}

它有效，但效果非常难看 - 每次模态打开/关闭时 - 页面滚动条都会切换并向右或向左移动整个html内容。

有更好的解决方案吗？