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

 时间: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触控板怎么使用手势操作?
  • 按键遍历指定目录下所有文件名,分离文件扩展名.
  • 热门搜索
    炒莲藕怎么做好吃 美的豆浆机怎么用 检查装置气密性的方法 番泻叶减肥方法 净化水的方法 腌萝卜怎么腌好吃又脆 怎么腌萝卜干 电脑加速方法 烫发后怎么打理卷发 厦门有什么好吃的