隐藏页面的滚动条_Html教程_奇迪科技(深圳)有限公司(www.qvdv.net)

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

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

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

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

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