body,html{
-webkit-overflow-scrolling: touch ;
}
.test::-webkit-scrollbar{
/*滚动条整体样式*/
width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.test::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius : 10px;
background-color: skyblue;
background-image: -webkit-linear-gradient(
45deg,
rgba( 255 , 255 , 255 , 0.2 ) 25 %,
transparent 25 %,
transparent 50 %,
rgba( 255 , 255 , 255 , 0.2 ) 50 %,
rgba( 255 , 255 , 255 , 0.2 ) 75 %,
transparent 75 %,
transparent
) ;
}
.test::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow : inset 0 0 5px rgba( 0 , 0 , 0 , 0.2 ) ;
background :
border-radius: 10px;
}
.demo::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.demo {
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10 + */
overflow-x: hidden;
overflow-y: auto;
}