浏览器上的滚动条和div边距0自动跳转

Question

我正在使用div #wrapper margin: 0 auto来居中div,这个页面上有滚动条但是当它转换到没有滚动条的第二页时,它显示为跳跃,因为我猜没有滚动条.

<body>
<div id="wrap">
<div id="wrapper">
....

#wrapper { width: 970px; margin: 0 auto; }

什么是最好的解决方案,不要让它跳跃？

Answer 1

我遇到过这几次,我发现最好的办法是在每个页面上强制使用Y滚动条,即使在样式表中不需要使用它:

html { overflow-y: scroll; }

这意味着页面上总会有一个右滚动条,但会根据需要启用/禁用它,并防止跳转.

Answer 2

将html宽度设置为相等的视口，并关闭水平滚动，以避免在垂直滚动条扩展html时出现水平滚动条。

html {
  width: 100vw;
  overflow-x: hidden;
}