Question

制作不需要滚动的网站时，内容会居中。我已将所有页面内容放在div中：#Pagecontent，其边距设置为auto，因此屏幕宽度无关紧要 - 内容始终位于中心。

但是，当页面由于内容的长度而需要滚动时，页面上的所有内容都会略有移动。我怎么能防止这种情况，因为我觉得很烦人。

希望这是一个好问题。干杯！

Answer 1

带有overflow: scroll的HTML会强制页面始终显示滚动条是否需要它。

html{
   overflow:scroll;//for both vertical and horizontal 
   /*  overflow-y: scroll; // for only horizontal 
       overflow-x: scroll;  // for only vertical  */
}

但是你无法阻止任何正常网站上出现的滚动条，因为它100％依赖于访问者的屏幕分辨率和/或最大化窗口的偏好。

阻止滚动条移动页面内容的唯一方法是通过javascript禁用它们，这可能会使某些访问者无法访问您的某些页面

好读：How to prevent scrollbar from repositioning web page?

内容需要滚动时内容会发生变化

1 个答案: