chrome 滚动条
2018-03-28 11:48
302 查看
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #Eff4f6;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #BDBDBD;
}
::-webkit-scrollbar
{
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #Eff4f6;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #BDBDBD;
}
相关文章推荐
- js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 兼容IE/FF/Chrome
- CSS+DIV 设计的页面,在除了chrome、360浏览器外, 没有滚动条 不能下拉
- 跟随页面滚动的div(firefox,ie,chrome),兼给setTimeout传递参数的方法
- 跟随页面滚动的div(firefox,ie,chrome),兼给setTimeout传递参数的方法
- 解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
- 修改chrome 滚动条颜色
- 侧边栏滚动跟随--兼容IE7 safari chrome firefox
- 往下拖动页面滚动条时,固定住菜单栏(不随其他内容网上滚动,兼容各版本IE、Chrome、Firefox)
- 【求助】自定义事件/鼠标滚轮滚动放大缩小图片,chrome下失效求解?
- Chrome开启平滑滚动
- 关于input背景图(ie67滚动以及chrome光标)
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
- Chrome插件之滚动截屏-FireShot [U01]
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
- win7 64bit下chrome无法滚动、卡死
- 鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理
- JS实现浏览器的title闪烁、滚动、声音提示、chrome通知
- 鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理
- 无缝循环marquee滚动JS代码实现,兼容IE, FireFox, Chrome
- 跟随页面滚动的div(firefox,ie,chrome),兼给setTimeout传递参数的方法