html怎么取消滚动条-木庄网络博客

2022-04-09 02:15:17 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

html取消滚动条的方法：1、通过“overflow-x: hidden”去掉水平滚动条；2、通过“overflow-y: hidden”去掉竖直滚动条；3、通过“overflow:hidden”取消全部滚动条。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

html中如何去掉浏览器右边的滚动条

<body style="overflow-x: hidden">                            表示去掉水平滚动条。
<body style="overflow-y: hidden">                     表示去掉竖直滚动条。
<body style="overflow-x:hidden;overflow-y:scroll">           表示隐藏横向滚动条，显示纵向滚动条。
<body style="overflow:hidden">或者是<body scroll="no"> 表示全部隐藏

如果是框架页，利用上面的方法仍不能去除可考虑以下办法：

<style>html { overflow-x:hidden; }</style>      如果想隐藏水平滚动条。
<style>html { overflow-y:hidden; }</style> 如果想隐藏垂直滚动条。
body{style="overflow-y : auto;height"}     body浏览器自带的默认值。

这里先说一下滚动条的属性代码：