自定义浏览器滚动条样式

转载 2016年08月29日 16:44:01

::-webkit-scrollbar{/* 1 */} /*滚动条垂直方向的宽度与水平方向的高度*/ ::-webkit-scrollbar-button{/* 2 */} /*滚动条按钮*/ ::-webkit-scrollbar-track{/* 3 */} /*滚动条轨道*/ ::-webkit-scrollbar-track-piece{/* 4 */} /*滚动条垂直方向轨道件*/ ::-webkit-scrollbar-thumb{/* 5 */} /*滚动条轨道上的按钮*/ ::-webkit-scrollbar-corner{/* 6 */} /*滚动条轨道上的滚动角*/ 

::-webkit-resizer{/* 7 */}/**/


:horizontal//横向滚动条

:vertical//垂直滚动条

:window-inactive //窗口未激活状态

原文地址:http://jingyan.baidu.com/article/380abd0a68bb711d90192ce7.html

相关文章推荐

自定义IE浏览器滚动条样式

自定义IE浏览器滚动条样式 原文地址:http://www.cnblogs.com/koleyang/p/5484922.html 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像...

各浏览器中自定义滚动条的样式

webkit浏览器css设置滚动条: 1 2 3 4 5 6 7 ::-webkit-scrollbar ...

webkit浏览器自定义滚动条样式代码

原文地址:http://www.yiyifly.com/blog/archives/572  网页标题 html { overflow: auto; } body { ...
  • Joyhen
  • Joyhen
  • 2013年05月22日 15:35
  • 5711

自定义chrome 谷歌浏览器 滚动条样式

::-webkit-scrollbar:vertical { display:block; width: 18px; } ::-webkit-scrollbar-button:sing...

自定义浏览器滚动条的样式

http://www.lyblog.net/detail/314.html自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5...

伸缩菜单和自定义滚动条样式

  • 2017年09月25日 17:20
  • 79KB
  • 下载

CSS —— 自定义浏览器滚动条的样式,打造属于你的滚动条风格

前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chro...

自定义浏览器滚动条的样式,打造属于你的滚动条风格

今天学霸做社联的网站,想实现的效果是某个div里面有文字,超出的部分可以滚动但是不显示滚动条。 以前没做过,这次百度了一下, 下面是一篇博客 -----------------------------...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义浏览器滚动条样式
举报原因:
原因补充:

(最多只允许输入30个字)