600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html隐藏最外侧滚动条 CSS隐藏网页滚动条的方法 包括横向纵向滚动条

html隐藏最外侧滚动条 CSS隐藏网页滚动条的方法 包括横向纵向滚动条

时间:2023-07-09 15:35:40

相关推荐

html隐藏最外侧滚动条 CSS隐藏网页滚动条的方法 包括横向纵向滚动条

当我们打开第一个网页的时候,浏览器都会显示横向、纵向的滚动条,如果不想要某一方向上的滚动条,可以用CSS将其隐藏掉,代码也是很简单的,在CSS只需定义一句便可:/*CSS代码:隐藏横向滚动条*/

html{overflow:auto;overflow-x:hidden}

/*CSS代码:隐藏纵向滚动条*/

html{overflow:auto;overflow-y:hidden}

/*FF、谷歌,Oprea都兼容,但要支持IE6~9,HTML头部定义需要这样,您可以复制下面的代码替换掉你的HTML头部:htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">*/

这种方法实际上是通过隐藏超出某个方向上的内容,滚动条也自然就不显示了。不过还有一种方法,是强制不显示网页滚动条,只需在Body区添加一句代码即可,如下:

还可以选择在不需要时隐藏:

还有一种CSS方法,将横向、竖向滚动条都隐藏掉:

html{

overflow-x:hidden;

overflow-y:hidden;

}

根据你的实际情况选用吧,估计会有适合你的方法。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。