溢出时使CSS页面保持完整的CSS技巧：隐藏

Question

当我在我的页面上有一个滚动条并且我应用overflow:hidden时，它会隐藏滚动条，但页面会移动一些像素。我希望它保持完整。我尝试应用position:absolute和left:10px，但它无效。

关于如何使其保持完整的任何想法？

基本上，所有这些都是为了显示模态对话框，主页面内容包括滚动条被锁定，因此用户只能滚动模态对话框。

我尝试使用的浏览器是旧的IE版本，打开对话框的代码是：

 if ((ua.msie && ua.version.slice(0, 3) == "7.0") || (ua.msie && ua.version.slice(0, 3) == "6.0")) {
    $('body').css('overflow', 'hidden');
    $('html').css('overflow-y', 'hidden');
}

除了当滚动条被隐藏时页面内容稍微向右移动时，一切都很完美。

Answer 1

尝试向padding或主要内容body添加一些div。

像

这样的东西

body{
    padding-right:10px;
}