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