css:去除滚动条样式（隐藏滚动条）

1.隐藏

/*放在overflow：auto；同级*/
scrollbar-width: none; /* Firefox */
-ms-overflow-style:none; /* IE10+ */
&::-webkit-scrollbar{
  display:none; /* ChromeSafari */
}

2.去除滚动条

.autoScroll{

  /deep/ ::-webkit-scrollbar {

    display: none;

  }

}

3.调整

/*里面的代码可以根据自己需求去进行更改*/

/* 设置滚动条的样式 */

::-webkit-scrollbar {

    width:4px;

}

/* 滚动槽 */

::-webkit-scrollbar-track {

    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);

    border-radius:10px;

}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {

    border-radius:10px;

    background:rgba(0,0,0,0.1);

    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

    background:rgba(255,255,255,0.4);

}