html关于强制显示、隐藏浏览器的滚动条，解决由于高度变化带来的滚动条影响页面宽度的问题

作者：lonelystarxing　和css相关  
 

新浪微博QQ空间QQ微博百度搜藏腾讯朋友QQ收藏百度空间人人网开心网0

???刚在做个网站，有个页面与其他页面显示有点出入，

通过观察和调试，发现是该页面的垂直高度未溢出，

无法调用出垂直滚动条，

从而导致相对于其他页面居中时相差几个像素距离，

使得页面效果不够友好。

解决方案：将所有页面强制添加或者隐藏浏览器的滚动条即可。

相关css 代码如下：

//强制显示滚动条:

html { overflow: scroll; }

//强制隐藏滚动条:

html { overflow: hidden; }

//隐藏IE的水平滚动条:

html { overflow-x: hidden; }

//隐藏IE的垂直滚动条:

html { overflow-y: hidden; }

//强制显示IE的水平滚动条:

html { overflow-x: scroll; }

//强制显示IE的垂直滚动条:

html { overflow-y: scroll; }

//强制显示Mozilla的水平滚动条:

html { overflow:-moz-scrollbars-horizontal; }

//注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

//强制显示Mozilla的垂直滚动条:

html { overflow:-moz-scrollbars-vertical; }

//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.

原文链接：https://www.cnblogs.com/xubopei/p/5129522.html
本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。