页面隐藏滚动条但是保留滚动效果

解决方法：选中所需隐藏滚动条的标签添加 ::-webkit-scrollbar 样式隐藏滚动

.container{
  overflow-y:scroll;
}
.container::-webkit-scrollbar{
    display: none;
}

这个方法不兼容火狐浏览器，火狐滚动条无法自定义宽度，只能使用scrollbar-width属性设置滚动条宽度。

.content-main {
  overflow-y: auto;
  scrollbar-width: none !important; // 火狐滚动条隐藏
}

另附，修改滚动条样式

//滚动条样式
::-webkit-scrollbar {
  width: 8px;
  height: 12px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  display: block;
  min-height: 12px;
  min-width: 7px;
  border-radius: 4px;
  background-color: #e2e5ed;
}
::-webkit-scrollbar-thumb:hover {
  display: block;
  min-height: 12px;
  min-width: 8px;
  border-radius: 6px;
  background-color: rgb(159, 159, 159);
}

滚动条属性参考：

• ::-webkit-scrollbar 滚动条整体部分，可以设置宽度
• ::-webkit-scrollbar-button 滚动条两端的按钮
• ::-webkit-scrollbar-track 外层轨道
• ::-webkit-scrollbar-track-piece 内层滚动槽
• ::-webkit-scrollbar-thumb 滚动的滑块
• ::-webkit-scrollbar-corner 边角
• ::-webkit-resizer 定义右下角拖动块的样式

参考：
scrollbar-width MDN