如何隐藏三大内核浏览器的滚动条，并且保持可滚动

Webkit 内核（Chrome, Safari）:

```css
body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
```
兼容性

Gecko 内核(firefox):

```css
body {
  scrollbar-width: none;
}
```
兼容性
![在这里插入图片描述](https://img-blog.csdnimg.cn/35d56f611bb14a1d86bc50932d352220.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Ze35ZGc55qE5bCP5oGQ6b6Z,size_19,color_FFFFFF,t_70,g_se,x_16)

IE内核 (IE, Edge)：

body {
  -ms-overflow-style:none;
}

兼容性：只有 IE / Edge 兼容