.overflow-y{
overflow-y: scroll;
overflow-x: hidden;
scrollbar-color: rgba(0,0,0,0.35) rgba(0,0,0,0.05); /* 第一个颜色为滚动条的颜色, 第二个颜色为滚动条轨道的颜色 /
scrollbar-width: thin; / 设置比默认滚动条宽度更窄的宽度 /
}
::-webkit-scrollbar {
height: 0;
width: 0;
color: transparent;
}
/定义滚动条样式(高宽及背景)/
::-webkit-scrollbar {
width: 8px; / 滚动条宽度, width:对应竖滚动条的宽度 height:对应横滚动条的高度*/
background: rgba(0,0,0,0.05);
}
/定义滚动条轨道(凹槽)样式/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.35); /* 较少使用 /
border-radius: 3px;
}
/定义滑块 样式/
::-webkit-scrollbar-thumb {
border-radius: 3px;
height: 100px; / 滚动条滑块长度 */
background-color: rgba(0,0,0,0.35);
}
滑块样式设置
最新推荐文章于 2024-05-16 13:36:05 发布