本文摘自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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎么取消滚动条