浏览器页面滚动条样式修改
分类:计算机 | 前端 | 综合 774
更新:2020-04-18 11:25:31编辑
参考资料
https://www.cnblogs.com/tdxl/p/11387836.html
滚动条各个属性说明
::-webkit-scrollbar :滚动条整体部分,其中的属性有width,height,background,border等。
::-webkit-scrollbar-button :滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。
::-webkit-scrollbar-track :外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。
::-webkit-scrollbar-track-piece :内层轨道,具体区别看下面gif图,需要注意的就是它会覆盖第三个属性的样式。
::-webkit-scrollbar-thumb :滚动条里面可以拖动的那部分。
::-webkit-scrollbar-corner :边角,两个滚动条交汇处。
::-webkit-resizer :两个滚动条交汇处用于拖动调整元素大小的小控件(基本用不上)
猿导航
阅读排行榜
- 1three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目7977
- 2vue和el-table使用经验-如何刷新表格数据7669
- 3uni-app使用经验—vue页面和html页面如何互相调用接口并传参3716
- 4Spring学习经验—@ResponseBody注解的使用说明2249
- 5nuxt.js项目中如何添加和使用全局变量2226
- 6如何用批处理命令(bat脚本)启动和停止windows服务2173
- 7Intellij IDEA下的版本控制VCS的启用与关闭2087
- 8Druid异常解决经验—java.sql.SQLException url not set2062
- 9nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数2034
- 10解决SpringBoot使用maven下载不了jar包的问题1995
- 11mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)1930
- 12在Nuxt.js项目的head中引用外部js文件1811
- 13linux如何成功地离线安装docker1797
- 14Nuxt.js项目实现路由鉴权和用户登录1784
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一1781