这次给您配置H5滚动条的样式。 配置H5滚动条时的注意事项是什么？ 以下是实战案例。 请一起看。
本文介绍了构成H5滚动条样式的示例代码，并与以下内容共享。 /*滚动条滑轨的背景颜色*/
:3360-WebKit-scroll bar-track {
背景色： # b 46868；
}
/*滑块颜色/
:3360-WebKit-scroll bar-thumb {
背景色： rgba (0，0，0，0.2 )；
}
/*滑轨两端的聆听按钮颜色*
:-WebKit-scroll bar-button {
背景色： # 7c 2929；
}
/*水平滚动条和垂直滚动条交叉点尖角的颜色*
:3360-WebKit-scroll bar-corner {
背景色：黑色；
}
//IE是第一个可以使用自己的配置方法自定义滚动条的浏览器，与IE5.5兼容
body {
s roll bar-face-color : # b 46868；
}
举个例子
/*文档滚动bar * /
:-webkit-scrollbar {
width: 8px；
}
:3360-WebKit-scroll bar-track {
box-shadow : inset 006 px rgba (0，0，0，0.3 )；
border-radius: 10px；
}
:-WebKit-scroll bar-thumb {
border-radius: 10px；
box-shadow : inset 006 px rgba (0，0，0，0.5 )；
}
/*可滚动元件* /
. some-element :3360 WebKit-scroll bar {
}
loremipsumdolorsitametconsecteturadipisicingelit。
iureidexercitationemnullaquirepellatlaborumvitae，
molestiastemporavelitnatus.quas，assumenda nisi。
Quisquam enim qui iure，consequatur velit sit？
看了这篇报道的事例，我相信你掌握了方法。 更棒。 请关注php中文网的其他相关文章。
请阅读：