css隐藏元素滚动条

原创已于 2024-10-21 10:20:58 修改 · 615 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

于 2024-10-21 10:20:26 首次发布

CSS 专栏收录该内容

22 篇文章

订阅专栏

Chrome和Safari浏览器

使用CSS滚动条选择器，然后设置display：none隐藏它：

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

Firefox浏览器

将滚动条宽度设置为none：

scrollbar-width: none; /* Firefox */

IE浏览器

将-ms-prefix属性设置为none：

-ms-overflow-style: none; /* IE 10+ */

示例🌰

div::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

div {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}