css中去除网页滚动条示例程序
默认状态下，当网页内容较多的时候，各网页浏览器会自动显示滚动条，在某些时候，我们不想显示滚动条，下面教你一些代码，可以去除横向滚动条、竖向滚动条、以及整体全部的滚动条，这些代码主要添加在页面的<body>标签后面：
来看看看去掉滚动条的方法
滚动条样式主要涉及到如下CSS属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条
去掉垂直方向（上下拉）的滚动条:
| 代码如下 | 复制代码 |
| <body style="overflow:scroll;overflow-y:hidden">网页正文</body> | |
去掉水平方向（左右拉）的滚动条:
| 代码如下 | 复制代码 |
| <body style="overflow:scroll;overflow-x:hidden">网页正文</body> | |
若水平的和垂直的都不想要，那就这样，更简单：
| 代码如下 | 复制代码 |
| <body scroll="no"></body> | |
此些代码在IE8中做过测试，完全可用，火狐和chrome下也生效，相当不错了。
以下代码定义滚动条的样式：
| 代码如下 | 复制代码 |
| <STYLE> | |
注意：如果你的静态页面顶端有类似与这样的代码<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> ，请将这段代码删除或将BODY {…}更改为HTML{…}即可见滚动条效果。
iframe去掉滚动条
关于<iframe>
可以通过设置属性scrolling="no" 去掉iframe的两个滚动条。
如何只去掉水平滚动条或垂直滚动条呢，一些网页组件通过设置组件的style属性的overflow-x : hidden或overflow : hidden来去掉水平滚动条或垂直滚动条。但是对iframe不起作用。
可以通过下面的方法来去掉：
在iframe 所包含的网页中添加
| 代码如下 | 复制代码 |
| <style> | |
即可以去掉水平滚动条了，也可以用同样的方法去掉垂直滚动条
当然还有一种办法就是直接在iframe中加一个标签scrolling=no 即可。
第1种形式：
| 代码如下 | 复制代码 |
| <iframe src="13/05.html" frameborder=0 marginheight=0 marginwidth=0 scrolling=no width=446 height=296></iframe> | |
您可能感兴趣的文章：
CSS自定义滚动条样式与颜色
高效率使用CSS样式表的八则技巧
如何用CSS设置滚动条颜色？
jquery滚动条插件
学习：使用CSS修改IE浏览器滚动条的参数
IE下的滚动条样式自定义
html中去掉textarea右侧滚动条和右下角拖拽
css设置背景固定不滚动效果的示例
利用div+jquery自定义滚动条样式的2种方法
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)