1. 犀牛前端部落首页
  2. CSS百科

移动端::-webkit-scroll设置滚动条样式

该滚动条样式一般适用于移动端,PC端一般考虑兼容性会用到类似nicescroll插件。

实现代码如下:

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: .08rem;
}



/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    background-color: #ffe44f;
}

 

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2575.html

发表评论

登录后才能评论