当我们打开第一个网页的时候,浏览器都会显示横向、纵向的滚动条,如果不想要某一方向上的滚动条,可以用CSS将其隐藏掉,代码也是很简单的,在CSS只需定义一句便可:/*CSS代码:隐藏横向滚动条*/
html{overflow: auto; overflow-x:hidden}
/*CSS代码:隐藏纵向滚动条*/
html{overflow: auto; overflow-y:hidden}
/*FF、谷歌,Oprea都兼容,但要支持IE6~9,HTML头部定义需要这样,您可以复制下面的代码替换掉你的HTML头部: html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> */
这种方法实际上是通过隐藏超出某个方向上的内容,滚动条也自然就不显示了。不过还有一种方法,是强制不显示网页滚动条,只需在Body区添加一句代码即可,如下:
还可以选择在不需要时隐藏:
还有一种CSS方法,将横向、竖向滚动条都隐藏掉:
html {
overflow-x:hidden;
overflow-y:hidden;
}
根据你的实际情况选用吧,估计会有适合你的方法。