欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!
隐藏页面的滚动条_Html教程_奇迪科技(深圳)有限公司(www.qvdv.net)
在网页设计、制作的时候,有时候为了让页面更为简洁,需要隐藏浏览器窗口下方、浏览器窗口右侧的滚动条,那该怎么做呢?
下面通过CSS的办法隐藏滚动条:
一、隐藏页面右侧的上下滚动条:
CSS代码:
body{
overflow:-Scroll;
overflow-y:hidden
}
二、隐藏页面底部的左右滚动条:
CSS代码:
body{
overflow:-Scroll;
overflow-x:hidden
}
三、如果想把页面底部的和页面右侧的滚动条都隐藏,该怎么做?
CSS实现该效果的代码如下:
body{
overflow:hidden;
}
备注:以上的方法,在有的浏览器下如果页面超出范围,则超出的部分被隐藏,用户无法看到(无法左右或上下滚动),而有的浏览器还是可以上下或左右滚动只是不显示滚动条而已。如果没有特别的需要,还是不建议隐藏滚动条。
本文版权所有,转载须注明:来源 https://www.qvdv.net/qvdv-wdl-238.html