html 画面横滚动条 怎么去掉

html 画面横滚动条 怎么去掉,第1张

1、取消竖直滚动条

<body style=`overflow:-Scrolloverflow-y:hidden` >

</body>

2、取消横向滚动条:

<body style=`overflow:-Scrolloverflow-x:hidden` >

</body>

3、两个滚动条都取消

<body scroll="no">

</body>

细心的朋友会发现,平时上网的时候,网页页面有2个条,居于网页左下侧和最右侧,分别为横线滚动条和竖向滚动条。这2个滚动条可以方便查看因为屏幕太小显示不了的页面。但是有时候开发网页的时候,并不需要这个滚动条,那么怎么去掉这2个滚动条呢?下面小编就教大家解决的办法。

工具/原料

html基础知识,去掉横竖滚动条

方法/步骤

1

首先来看竖滚动条,如下图,在屏幕最右侧的位置。

2

怎么去掉最右侧的这个导航条呢?

我们在</body>之前加上这条html代码

<body style="overflow:-Scrolloverflow-y:hidden" >

3

然后保存代码,刷新页面看看最右侧的滚动条是不是去掉了呢,刷新以后最右侧的滚动条的确已经不在了。

4

然后再来看看横向滚动条,如下图,在屏幕最下侧的位置。

5

怎么去掉最下侧的这个导航条呢?

我们在</body>之前加上这条html代码:

<body style="overflow:-Scrolloverflow-x:hidden">

6

然后保存代码,刷新页面看看最下侧的左右滚动条是不是去掉了呢,刷新以后最下侧的滚动条的确已经不在了。

END


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6154415.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存