IE浏览器如何隐藏、左置滚动条（竖排）？

发布网友发布时间：2022-04-22 12:40

共1个回答

热心网友时间：2023-10-03 08:11

???刚在做个网站，有个页面与其他页面显示有点出入，
通过观察和调试，发现是该页面的垂直高度未溢出，
无法调用出垂直滚动条，
从而导致相对于其他页面居中时相差几个像素距离，
使得页面效果不够友好。
解决方案：将所有页面强制添加或者隐藏浏览器的滚动条即可。
相关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; }//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.