在H5开发过程中如果对滚动条有要求我们可以通过特定的代码来约束滚动条样式,可以添加以下代码尝试 (overflow:scroll-x || scroll-y)
::-webkit-scrollbar: {
width: 10px;
} // 设置滚动条整体样式
::-webkit-scrollbar-thumb {
background: red;
} // 滚动条方块样式
::-webkit-scrollbar-track {
border-radius: 10px;
background: #ccc;
} // 滚动条轨道样式
还有其他的一些样式可以尝试一下:
::-webkit-scrollbar-button 滚动条的两端按钮样式
::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分样式
::-webkit-scrollbar-corner 边角,即垂直滚动条和水平滚动条相交的地方