css实现滚动条不可见但是可以滚动

 ::-webkit-scrollbar CSS伪类选择器影响了一个元素的滚动条的样式。

 ::-webkit-scrollbar仅仅在支持webkit的浏览器 (例如, 谷歌Chrome, 苹果Safari)可以使用，但对于IE和火狐等一些浏览器不适用所以要单独写样式

.side-bar {
  width: 46px;//外盒子设置宽度
  overflow: hidden;//外盒子设置超出隐藏，会隐藏掉内盒子宽出的部分
  .side-up {
    width: 66px;//内盒子设置比外盒子宽20px
    height: 100%;
    overflow-y: scroll;
  }
}