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

 时间: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触控板怎么使用手势操作?
  • 按键遍历指定目录下所有文件名,分离文件扩展名.
  • 热门搜索
    墨守成规什么意思 七年级数学上册知识点 白芷的功效与作用 黑芝麻的功效与作用及禁忌 vivox23什么时候上市 鸿门宴知识点 枇杷果的功效与作用禁忌 一树梨花压海棠什么意思 少年先锋队知识 网络安全知识内容