教你怎么去掉网页横滚动条和竖滚动条?

 时间:2026-02-14 16:28:45

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

教你怎么去掉网页横滚动条和竖滚动条?

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

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

<body style="overflow:-Scroll;overflow-y:hidden" >  

教你怎么去掉网页横滚动条和竖滚动条?

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

教你怎么去掉网页横滚动条和竖滚动条?

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

教你怎么去掉网页横滚动条和竖滚动条?

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

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

<body style="overflow:-Scroll;overflow-x:hidden">

教你怎么去掉网页横滚动条和竖滚动条?

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

教你怎么去掉网页横滚动条和竖滚动条?

  • css中怎么清除横向滚动条
  • GBase数据库自定义安装完整版教程
  • 易语言超级列表框的检查框怎么用
  • ASUS触控板怎么使用手势操作?
  • 按键遍历指定目录下所有文件名,分离文件扩展名.
  • 热门搜索
    中国旅游地图全图 北京春节旅游 美国洛杉矶旅游攻略 巴厘岛旅游费用 苏州旅游财经学校 宜昌旅游局 新婚旅游 广东省旅游局官网 博客旅游网 房山旅游