写在前面: 我是「扬帆向海」,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。
技术是开源的、知识是共享的。这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。
用知识改变命运,让我们的家人过上更好的生活。
| 今天在自己开发的一个项目中,需求是让浏览器的滚动轴变细。想了好长时间才完成,在目前的测试中,滚动条在IE浏览器中不支持。 |
scrollbar.css
@charset "utf-8"; ::-webkit-scrollbar {
width: 5px; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track {
border-radius: 10px; background-color: rgba(0,0,0,0.1); } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb {
border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: rgba(0,0,0,0.1); }
在 index.html中引入样式
"stylesheet" href=
"static/css/scrollbar.css">
由于水平有限,本博客难免有不足,恳请各位大佬不吝赐教!
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/217387.html原文链接:https://javaforall.net
