隐藏页面的滚动条_Html教程_奇迪科技(深圳)有限公司(www.qvdv.com)
欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

Html教程

隐藏页面的滚动条

作者:admin来源:www.qvdv.com更新时间:2014-02-09

在网页设计、制作的时候,有时候为了让页面更为简洁,需要隐藏浏览器窗口下方、浏览器窗口右侧的滚动条,那该怎么做呢?
下面通过CSS的办法隐藏滚动条:

一、隐藏页面右侧的上下滚动条:
CSS代码:
body{
   overflow:-Scroll;
   overflow-y:hidden      
}

二、隐藏页面底部的左右滚动条:
CSS代码:
body{
   overflow:-Scroll;
   overflow-x:hidden    
}

三、如果想把页面底部的和页面右侧的滚动条都隐藏,该怎么做?
CSS实现该效果的代码如下:
body{
   overflow:hidden;
}

备注:以上的方法,在有的浏览器下如果页面超出范围,则超出的部分被隐藏,用户无法看到(无法左右或上下滚动),而有的浏览器还是可以上下或左右滚动只是不显示滚动条而已。如果没有特别的需要,还是不建议隐藏滚动条。

本文版权所有,转载须注明:来源 http://www.qvdv.com/qvdv-wdl-238.html