如何防止滚动条重新定位网页?

我有一个网站与中心对齐的DIV。现在，一些页面需要滚动，一些不需要。当我从一种类型移动到另一种类型时，滚动条的出现将页面移向一侧几个像素。有没有什么方法可以避免这种情况，而不显式地在每个页面上显示滚动条?

当前回答

body {
  scrollbar-gutter: stable both-edges;
}

新的css规范，将有助于滚动条重新定位的方式: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter

其他回答

我曾经有过这样的问题，但是解决它的简单方法是这样的(这对我来说很有效):

CSS文件类型:

body{overflow-y:scroll;}

就这么简单!：）

扩展Rapti的答案，这应该是一样的工作，但它增加了更多的边距正文的右侧，并隐藏它与负html边距，而不是增加额外的填充，可能会影响页面的布局。这样，实际页面(在大多数情况下)不会发生任何更改，代码仍然具有功能。

html {
    margin-right: calc(100% - 100vw);
}
body {
    margin-right: calc(100vw - 100%);
}

我知道这个问题很老了，但是有一个更好的新方法。

scrollbar-gutter: stable;

@media screen and (min-width: 1024px){
    body {
    min-height: 700px
    }
}

我试图修复可能由twitter bootstrap .modal-open类应用于body引起的相同问题。解决方案html {overflow-y: scroll}不起作用。我发现的一个可能的解决方案是添加{width: 100%;宽度:100vw}到HTML元素。

推荐文章