技术栈

(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表单组件
相关推荐
贫民窟的勇敢爷们
17 分钟前
React跨平台能力,打破前端开发的平台边界
前端·react.js·前端框架
lifejump
1 小时前
Dede(织梦)CMS渗透测试(all)
前端·网络·安全·web安全
扬帆破浪
1 小时前
sidecar崩溃后前端怎么续命 重启策略与状态保留
前端·人工智能·架构·开源·知识图谱
光影少年
1 小时前
前端算法题
前端·javascript·算法
Lee川
1 小时前
从输入框到智能匹配:一文读懂搜索功能的完整实现
前端·后端
朝阳39
2 小时前
React【面试】
前端·react.js·面试
漓漾li
2 小时前
每日面试题(2026-05-15)- 前端
前端·vue.js·react.js
进击切图仔
2 小时前
RAG 加载 pdf 文档
linux·前端·pdf
小小小小宇
2 小时前
git 大仓库拉取卡顿问题
前端
前端那点事
2 小时前
告别低级冗余!10个前端原生高阶技巧,让代码更优雅、性能更出众
前端·vue.js
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04【AI】2026 年具身智能模型和世界模型总结05零基础教你claude code 接入 deepseek V406AI科技热点日报 | 2026年5月11日07Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)08codex app每次打开重连5次Reconnecting问题解决09人工智能最新动态 AI 日报 · 2026年5月10日10Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓