该滚动条样式一般适用于移动端,PC端一般考虑兼容性会用到类似nicescroll插件。
实现代码如下:
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: .08rem; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { background-color: #ffe44f; }
原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2575.html