自定义页面滚动条

<div class="div_con">
      <div class="div_con_height"></div>
</div>

.div_con{
    width: 100px;
    height: 300px;
    overflow: hidden;
    overflow-y:scroll;
 　　border: 1px solid #000;
}
.div_con_height{
    width: 100px;
    height: 500px;
}
.div_con::-webkit-scrollbar {/*滚动条整体样式*/

    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 1px;

}

.div_con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: #535353;

}

.div_con::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 5px;

    background: #fff;

}