背景/场景：在移动端，滑动的时候，会显示默认滚动条，如图1:
//隐藏代码： /*隐藏滚轮*/
.ul-scrool-box::-webkit-scrollbar,
.ul-scrool-box ul::-webkit-scrollbar {
display: none;
}
2、滚动条美化
//美化代码---可以直接搬走：且一般只需要变动2处，变动地方1/2
/* 滚动条样式 */
.task-scrollbarsl {
padding-right: 10px;
overflow-y: scroll;
}
.task-scrollbarsl::-webkit-scrollbar {
/*滚动条整体样式*/
width: 6px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.task-scrollbarsl::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(110,74,237,0.3);//为了和主题一直，变动地方1
//***#c1c1c1的话，和浏览器就一致了
background: #fff;//修改成**#c1c1c1
}
.task-scrollbarsl::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);//**#e8e8e8
border-radius: 10px;
background: rgba(110,74,237,0.7); //为了和主题一直，变动地方2 //**#e8e8e8
}
/* 滚动条美化end */
//** 的4处变动，是为了和浏览器的滚动条保持一致
