隐藏页面中滚动条，与如何自定义滚动条显示效果

1. 页面中清除滚动条

在css制定区域加上以下代码，就可以实现清除滚动条的功能

::-webkit-scrollbar {
  display: none;
}

2. 页面中自定义滚动条样式

::-webkit-xxx能够实现自定义滚动条样式

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    .tree-line::-webkit-scrollbar {
      width: 8px;
      border-radius: 4px;
      background: #263d5d;
    }
    /*定义滑块 内阴影+圆角*/
    .tree-line::-webkit-scrollbar-thumb {
      height: 5px;
      width: 8px;
      border-radius: 4px;
      background: #529af9;
    }

完成后样式