1、滚动条隐藏
背景/场景:在移动端,滑动的时候,会显示默认滚动条,如图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 / box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);///** 的4处变动,是为了和浏览器的滚动条保持一致
