自定义滚动条

学习了一波大佬的骚操作：http://www.xuanfengge.com/css3-webkit-scrollbar.html

核心代码：

  .container-box{
    height: calc(100vh - 90px);
    overflow-y: scroll;
  }
  .container-box::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
  }
  .container-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #333;
    border-radius: 4px;
  }
  .container-box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px #333;
    background-color: #fff;
  }

父盒子固定高度，设置伪元素属性即可。代码说明见上面链接地址

demo地址：http://www.xuanfengge.com/demo/201311/scroll/css3-scroll.html