2012-09-22 94 views
1

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

但是,当页面由于内容的长度而需要滚动时,页面上的所有内容都会稍微移动。我怎么能防止这一点,因为我觉得很烦人。

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

回答

0

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

可以显示溢出所有的时间由css overflow:scroll所以页面不会移动滚动条