html如何强制显示以及隐藏浏览器的滚动条
发表时间:2024-05-11 来源:明辉站整理相关软件相关文章人气:
[摘要]刚在做个网站,有个页面与其他页面显示有点出入,通过观察和调试,发现是该页面的垂直高度未溢出,无法调用出垂直滚动条,从而导致相对于其他页面居中时相差几个像素距离,使得页面效果不够友好。解决方案:将所有页面强制添加或者隐藏浏览器的滚动条即可。相关css 代码如下://强制显示滚动条:html { ov...
刚在做个网站,有个页面与其他页面显示有点出入,
通过观察和调试,发现是该页面的垂直高度未溢出,
无法调用出垂直滚动条,
从而导致相对于其他页面居中时相差几个像素距离,
使得页面效果不够友好。
解决方案:将所有页面强制添加或者隐藏浏览器的滚动条即可。
相关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中文网其它相关文章!
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。