用css修改scroll样式
来源:互联网 发布:矩阵图片 编辑:程序博客网 时间:2024/06/05 12:46
我实现的是一种黑灰的滚动条 有兴趣的可以直接粘贴代码运行看效果
1.给需要设置滚动条的容器加上class:topnav_box
2.接下来是css.,
.topnav_box::-webkit-scrollbar //滚动条整体部分
{width: 5px;
height:10px;
background-color:#b5b1b1;
}.topnav_box::-webkit-scrollbar-track //scroll轨道背景
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color:black;
}
.topnav_box::-webkit-scrollbar-thumb 滚动条中能上下移动的小块
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:#b5b1b1;
}
3.自定义滚动条
滚动条组成:
0 0
- 用css修改scroll样式
- CSS定义Scroll滚动条样式。
- 用JavaScript修改网页css样式
- SharePoint Css样式修改
- 修改css样式
- Jquery修改CSS样式
- css修改样式
- 前端css样式修改
- jquery修改css样式
- js修改css样式
- CSS 样式修改 积累
- js修改css样式
- 修改外部css样式
- css添加修改样式
- JavaScripts修改CSS样式
- javascript修改css样式
- js修改css样式
- JavaScript修改css样式style
- Linux自动挂载分区
- PAT L2-016 愿天下有情人都是失散多年的兄妹/ L1-031 到底是不是太胖了
- 构造与析构
- 2017 后端面试经历分享
- DMZ讲解
- 用css修改scroll样式
- WebBrowser控件,防网页挂马代码
- java必看书籍
- 舞会 关灯 黑帽子 白帽子问题
- MySQL与DBCP数据源
- vmware tools 工具的安装
- 2-5快速找到多个字典中的公共键
- 深入理解CPU和异构计算芯片GPU/FPGA/ASIC (上篇)
- 【Java学习笔记】3:抽象类与接口