html如何强制显示以及隐藏浏览器的滚动条
程序员文章站
2022-05-31 17:26:08
...
刚在做个网站,有个页面与其他页面显示有点出入,
通过观察和调试,发现是该页面的垂直高度未溢出,
无法调用出垂直滚动条,
从而导致相对于其他页面居中时相差几个像素距离,
使得页面效果不够友好。
解决方案:将所有页面强制添加或者隐藏浏览器的滚动条即可。
相关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; }
//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.
以上就是html如何强制显示以及隐藏浏览器的滚动条的详细内容,更多请关注其它相关文章!
推荐阅读
-
php如何控制html元素的隐藏与显示
-
php如何控制html元素的隐藏与显示
-
html如何强制显示以及隐藏浏览器的滚动条
-
html如何实现隐藏滚动条但可以滚动的示例代码
-
在
- 标签内设置list-style-type:disc样式后,为什么在IE11和火狐浏览器显示效果不一样?如何使ie11显示成火狐的样子?_html/css_WEB-ITnose
-
手机网站开发--如何隐藏浏览器的地址栏_html/css_WEB-ITnose
-
html关于强制显示 隐藏浏览器的滚动条_html/css_WEB-ITnose
-
如何将一个盒子在显示在浏览器的正中间_html/css_WEB-ITnose
-
如何显示overflow:hidden 的被隐藏的内容_html/css_WEB-ITnose
-
如何让网页在浏览器标题栏显示自己制作的图标ico_html/css_WEB-ITnose