该滚动条样式一般适用于移动端,PC端一般考虑兼容性会用到类似nicescroll插件。
实现代码如下:
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: .08rem; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { background-color: #ffe44f; }
该滚动条样式一般适用于移动端,PC端一般考虑兼容性会用到类似nicescroll插件。
实现代码如下:
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: .08rem; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { background-color: #ffe44f; }