Css 美化滚动条

复制代码
/*设置滚动条宽度为 6px*/
::-webkit-scrollbar {
  width: 6px;
}
/*设置背景颜色,并设置边框倒角,设置滚动动画,0.2 */
::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 10px;
  transition: all .2s ease-in-out;
}
/*设置滚动框为倒角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
}

显示效果如下

参考

相关推荐
好好好明天会更好10 分钟前
vue中的this.$nextTick如何使用
前端·vue.js
我的div丢了肿么办12 分钟前
使用URLSearchParams 优雅的获取URL携带的参数
前端·javascript
XXXFIRE13 分钟前
微信小程序开发实战笔记:全流程梳理
前端·微信小程序
答案answer15 分钟前
回顾一下我的开源项目之路和Three.js 学习历程
前端·开源·three.js
ZoeLandia15 分钟前
nginx实战分析
运维·前端·nginx
张迅之啊16 分钟前
【React】MQTT + useEventBus 实现MQTT长连接以及消息分发
前端
入秋18 分钟前
【视觉震撼】我用Three.js让极光在网页里跳舞!
前端·three.js
盛夏绽放19 分钟前
Vue项目生产环境性能优化实战指南
前端·vue.js·性能优化
专注API从业者27 分钟前
Python/Node.js 调用taobao API:构建实时商品详情数据采集服务
大数据·前端·数据库·node.js
狂炫一碗大米饭1 小时前
Vue 3 的最佳开源分页库
前端·程序员·设计