如何阻止滚动条移动我的页面?

11 浏览
0 Comments

如何阻止滚动条移动我的页面?

我通过将页面内容放入一个包装器div并在样式表中添加以下代码来使页面内容居中:\n#wrapper {\n width: 960px;\n margin-left: auto;\n margin-right: auto;\n}\n问题是:每当内容增加并出现垂直滚动条时,内容会发生位移,因为视口的大小发生了变化。我们如何确保居中的内容位置不会因滚动条的可见性而改变?

0
0 Comments

当页面的宽度发生变化(滚动条出现时),由于您的内容相对于窗口的大小进行定位(margin-left: auto; margin-right: auto),所以您的内容的位置也会发生变化。

为了解决这个问题,您可以在页面上为您的内容指定绝对位置,使用position:absolute

另一个选择是使用overflow-y属性来指定是否裁剪溢出到元素内容上的内容。

html {overflow-y:scroll;}

0