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

《CSS 知识点》滚动条仅在 hover 时才显示(宽度不改变)

很简单!

  1. 滚动条的滑动小方块背景色默认透明,仅在hover时设置背景色;

  2. 滚动条的轨道背景色默认透明,仅在hover时设置背景色;

/*滚动条的滑动小方块*/
::-webkit-scrollbar-thumb {background: transparent;
}
/*hover状态*/
:hover::-webkit-scrollbar-thumb {background: red;
}/*滚动条的轨道*/
::-webkit-scrollbar-track {background: transparent;
}
/*hover状态*/
:hover::-webkit-scrollbar-track {background: green !important;
}
http://www.lryc.cn/news/501300.html

相关文章:

  • 手里有病理切片+单细胞测序的数据,如何开展医工交叉的研究?
  • 力矩扭矩传感器介绍
  • 【Appium】AttributeError: ‘NoneType‘ object has no attribute ‘to_capabilities‘
  • QT 中 多线程(备查)
  • 第八十六条:在实现serializable接口时要特别谨慎
  • 【Elasticsearch 中间件】Elasticsearch 客户端使用案例
  • 深入理解MySQL中的ONLY_FULL_GROUP_BY
  • 获得日志记录之外的新视角:应用程序性能监控简介(APM)
  • 如何避免缓存击穿?超融合常驻缓存和多存储池方案对比
  • 口语笔记——祈使句用法
  • SQL连续登录问题(详细案例分析)
  • Next.js 系统性教学:深入理解缓存与数据优化策略
  • 【PyTorch】(基础六)---- 搭建卷积神经网络
  • 【JAVA项目】基于ssm的【美食推荐管理系统】
  • adb 常用命令笔记
  • [代码随想录Day32打卡] 理论基础 509. 斐波那契数 70. 爬楼梯 746. 使用最小花费爬楼梯
  • android NumberPicker隐藏分割线或修改颜色
  • 7-2 二分查找
  • mid360使用cartorapher进行3d建图导航
  • Ubuntu安装grafana
  • Java版-图论-最短路-Floyd算法
  • 可视化建模以及UML期末复习篇----UML图
  • HTML常见标签列表,涵盖了多种用途的标签。
  • FPGA 16 ,Verilog中的位宽:深入理解与应用
  • vue-生命周期
  • 浅谈Kubernetes(K8s)之RC控制器与RS控制器
  • 本题要求采用选择法排序,将给定的n个整数从大到小排序后输出。
  • Linux: glibc: 频繁调用new/delete会不会导致内存的碎片
  • 量子变分算法---损失函数
  • 计算机的性能评估