隐藏各大浏览器滚动条的兼容处理方案

不同浏览器的滚动条样式都不一样，不统一就不美观，所以要统一隐藏掉

.hide-scrollber::-weblit-scrollber {
    width: 0; // 兼容chrome浏览器
}
.hide-scrollbar {
	scrollbar-width: none; // 兼容火狐浏览器
	-ms-overflow-style: none; // 兼容IE10+
}

参考

当然，还有通过外层容器设置overflow: hidden;来隐藏滚动条的办法，这里就不说了，上面的代码已经能满足大部分现代浏览器了