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

 时间: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触控板怎么使用手势操作?
  • 按键遍历指定目录下所有文件名,分离文件扩展名.
  • 热门搜索
    成长足迹手抄报内容 争做文明使者手抄报 综合实践手抄报 读书小报手抄报内容 圣诞节手抄报英语 美术手抄报 感恩老师的手抄报图片 长城手抄报图片大全 科技节手抄报资料 初中小组手抄报