改变滚动条样式纵向
.aside {
height: calc(100vh - 60px);
overflow-y: auto;
}
.aside::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.aside::-webkit-scrollbar-thumb {
background-color: #c6c9cf;
border-radius: 32px;
}
.aside::-webkit-scrollbar-track {
background-color: #dbeffd;
border-radius: 32px;
}
改变滚动条样式横向
.scroll-view_H{
width: 100%;
white-space: nowrap;
overflow-x: auto;
}
::-webkit-scrollbar {
width: 0;
height: 10px;
color: transparent;
}
::-webkit-scrollbar-track-piece {
background-color: #f8f8f8;
}
::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 10px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar-thumb:hover {
background-color: #a8a8a8;
}
隐藏滚动条
.aside {
height: calc(100vh - 60px);
overflow-y: auto;
}
.aside::-webkit-scrollbar {
display: none;
}