当前位置: 首页 > news >正文

某个div的滚动条样式

.item-body,

.chart2{

/*滚动条整体样式*/

&::-webkit-scrollbar {

/*高宽分别对应横竖滚动条的尺寸*/

width: 10px;

height: 1px;

}

/*滚动条里面小方块*/

&::-webkit-scrollbar-thumb {

border-radius: 10px;

-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

background: #24509e;

}

/*滚动条里面轨道*/

&::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

border-radius: 10px;

background: $background-color;

}

}

http://www.lryc.cn/news/13522.html

相关文章:

  • Spring Boot框架基础介绍
  • Git - 在主分支上创建分支并提交代码
  • 第三届无线通信AI大赛分享交流会暨颁奖典礼顺利举办,大赛圆满收官
  • 程序的本质与类的说明
  • 单片机——显示方式
  • leetcode 1~10 学习经历
  • 代码质量与安全 | 一文了解高级驾驶辅助系统(ADAS)及其开发中需要遵循的标准
  • 2023年安徽省职业院校“磐云杯”网络安全竞赛任务书
  • 九龙证券|豪掷超6000万,10转3派6元,今年第二只高送转股出炉!
  • Java开发 - 数风流人物,还看“微服务”
  • Springboot 整合 分布式定时任务 XXL-JOB
  • 细谈JavaWeb中的Request和Response
  • lombok注解@Data使用在继承类上时出现警告解决方案
  • linux环境搭建私有gitlab仓库以及启动gitlab后出现卡顿处理办法
  • 2023爱分析· 云管理服务(MSP)市场厂商评估报告:华创方舟
  • 力扣-部门工资前三高的所有员工
  • 山东大学教授团畅谈ChatGPT革命座谈会,探讨ChatGPT发展趋势
  • 开发自己私有chatGPT(五)训练微调openai模型
  • 【数据结构】二叉树-堆实现及其堆的应用(堆排序topK问题)
  • ubuntu Repo 安装
  • JAVA:选择排序算法及其编写
  • 【Linux】——基础开发工具和vim编辑器的基本使用方法
  • R语言部分题解
  • 水文监测场景的数据通信规约解析和落地实践
  • 【数据结构】时间复杂度和空间复杂度
  • 从发现SQL注入到ssh连接
  • SAP ABAP
  • C/C++每日一练(20230219)
  • 【NestJS】模块
  • 隐私计算头条周刊(2.13-2.19)