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

 时间:2026-04-25 23:11:46

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触控板怎么使用手势操作?
  • 按键遍历指定目录下所有文件名,分离文件扩展名.
  • 热门搜索
    小学英语手抄报内容 欢庆五一劳动节手抄报 五四青年节手抄报图 知法懂法守法手抄报 我爱红领巾手抄报 中国梦我的梦手抄报内容 手抄报边框设计图大全 唐山世园会手抄报 绿色校园手抄报内容 法制与安全的手抄报