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

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

犀牛前端部落 • 2019年8月28日 am11:31 • CSS百科 • 阅读 2056

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

实现代码如下：

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



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

 

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

赞 (0)
犀牛前端部落 犀牛前端部落 管理团队
0 0
Vue.js如何监听props改变
« 上一篇 2019年8月26日 pm11:26
js中==和===有什么不同之处
下一篇 » 2019年8月28日 am11:36

相关推荐

发表评论

登录后才能评论