最近在做vue小工具,产品提出一个需求要求出现滚动条并且有滚动的小滑块,然后思索了很久决定在网上找一下其他人是怎么做的,然后总结如下,希望能给大家一点启发。
elmen {
overflow: hidden;
overflow-y: auto;
}
elment::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: 1px solid rgba(0, 0, 0, 0);
}
elment::-webkit-scrollbar {
width: 6px;
height: 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
elment::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
elment::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
网友评论