去除网页滚动条的方法

去除网页滚动条的方法

默认状态下，当网页内容较多的时候，各网页浏览器会自动显示滚动条，在某些时候，我们不想显示滚动条，下面教你一些代码，可以去除横向滚动条、竖向滚动条、以及整体全部的滚动条，这些代码主要添加在页面的<body>标签后面：

去掉垂直方向（上下拉）的滚动条:
```
<body style="overflow:scroll;overflow-y:hidden">网页正文</body>
```
去掉水平方向（左右拉）的滚动条:
```
<body style="overflow:scroll;overflow-x:hidden">网页正文</body>
```
若水平的和垂直的都不想要，那就这样，更简单：
```
<body scroll="no"></body>
```
此些代码在IE8中做过测试，完全可用，火狐和chrome下也生效，相当不错了。

posted @ 2015-07-12 01:46 lizonghai 阅读(717) 评论(0) 收藏举报

刷新页面返回顶部