html怎么取消滚动条


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

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

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

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

1

2

3

4

<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"> 表示全部隐藏

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

1

2

3

<style>html { overflow-x:hidden; }</style>      如果想隐藏水平滚动条。

<style>html { overflow-y:hidden; }</style> 如果想隐藏垂直滚动条。

body{style="overflow-y : auto;height"}     body浏览器自带的默认值。

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

1

overflow-y : visible | auto | hidden | scroll

visible :  不剪切内容也不添加滚动条。

阅读剩余部分

相关阅读 >>

Html支持的列表标签:无序列表、有序列表和定义列表(介绍)

Html调用js方法有哪些

Html怎么设置表格高度

Html <fieldset> 标签的具体用法是什么?怎么用fieldset设置边框颜色?

页面中文本域的值怎么设置

Html 元素

canvas原生实现前端网页移动端签名

Html如何设置背景径向渐变

什么是Html的属性

Html b标签怎么用

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...