scroller 的 css编辑

Posted 登陆太阳计划

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scroller 的 css编辑相关的知识,希望对你有一定的参考价值。

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 10px;  
    height: 10px;  
    background-color: #F5F5F5;  
    // background-color: red;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
    // border-radius: 10px;  
    background-color:rgb(25, 69, 78);  
}  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 6px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: rgb(16, 106, 117);  
}  

在项目内, 需要 滚动条的地方,可以在盒子内使用 over-flow-x 或 over-flow-y, 即能看见滚动条,出现, 结合上面的样式, 根据设计图更改出想要的滚动条

以上是关于scroller 的 css编辑的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——CSS选择器

css Scroller画廊

css Scroller画廊