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怎么设置button大小及颜色

Html的正式名称是

vue源码之目录结构的简单分析

Html页面怎么设置不停刷新页面

一起了解script标签中的async和defer属性

Html引用css文件的方法

focus在Html是什么意思

Html中col标签里的汉字如何居中?Html col标签的用法详解

Html include标签的用法详解(附使用实例)

<i>是什么标签?

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




打赏

取消

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

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

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

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

评论

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

    暂无评论...