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;
}