技术栈

(css)滚动条样式

nyf_unknown2023-07-24 20:17

(css)滚动条样式


效果:


css 复制代码
/*滚动条整体样式*/
::-webkit-scrollbar {
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  width: 2px;
  height: 60px;
  background: linear-gradient(0deg, #1f94b8 0%, #81d8b4 100%);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
}
上一篇:C++-----list
下一篇:uni-app表单组件
相关推荐
GISer_Jing
2 分钟前
浏览器 Agent 插件开发规格书 (SPEC)
前端·ai·前端框架·edge浏览器
别叫我->学废了->lol在线等
15 分钟前
评估总结模块(暂不做)
前端
清灵xmf
21 分钟前
CC Switch:解决 AI 编程工具配置
前端·人工智能·cc switch
IT_陈寒
34 分钟前
Redis缓存击穿把我坑惨了,原来这样解决才靠谱
前端·人工智能·后端
mfxcyh
1 小时前
Vue3 右键菜单实现方案(基于 vue3-context-menu)
前端
treesforest
1 小时前
从IP地址归属地查询到IP地理位置精准查询指南
服务器·前端·网络
LF男男
1 小时前
WindmillBullect.cs
前端
小白学大数据
1 小时前
Python 爬虫爬取应用商店数据:请求构造与数据解析
前端·爬虫·python·数据分析
pkowner
1 小时前
若依分页问题及解决方法
java·前端·算法
golang学习记
1 小时前
Cursor官方团队的AI指南:Cursor Team Kit
前端·cursor
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03【AI】2026 年具身智能模型和世界模型总结04CC-Switch & Claude 基于 Linux 服务器安装使用指南05人工智能最新动态 AI 日报 · 2026年5月10日06Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓07AI科技热点日报 | 2026年5月11日08Codex 手机端连接教程:三分钟搞定,附完整步骤09零基础教你claude code 接入 deepseek V410裂开!ChatGPT 居然开始要手机号验证,附详细解决方法