技术栈

(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表单组件
相关推荐
Penge666
1 分钟前
Vite vs Webpack:前端构建工具原理与实战
前端
Penge666
4 分钟前
前端包管理工具:npm、Yarn、pnpm 快速入门
前端
Penge666
31 分钟前
Sass 了解
前端
Penge666
43 分钟前
Webpack 打包从 0 到 1 实战笔记
前端
Penge666
1 小时前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge666
1 小时前
Ant Design(Antd)了解
前端
wangruofeng
2 小时前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
Penge666
2 小时前
JavaScript 核心语法速通
前端
wangruofeng
3 小时前
写给开发者的〈重构 UI〉实战笔记:从改好一个设置页开始,告别“程序员审美”
前端·aigc
程序员鱼皮
4 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02历年考研数学一、数学二、数学三真题试卷及答案PDF03几个好用的ip纯净度检测网站04微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新05如何新建文件夹? 电脑新建文件夹的4种方法06GitHub 镜像站点07昇腾910B系列芯片完全指南:四款型号对比、服务器选型与大模型部署实战08蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接09苹果iPA游戏软件资源下载网站10【SQL Server 2022】保姆级SQL Server 详细图文下载安装教程