.my-scroll::-webkit-scrollbar { /滚动条整体样式/
width: 5px; /高宽分别对应横竖滚动条的尺寸/
height: 1px;
}
.my-scroll::-webkit-scrollbar-thumb { /滚动条里面小方块/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #ccc;/滚动条颜色/
}
.my-scroll::-webkit-scrollbar-track { /滚动条里面轨道/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #EDEDED;
}
使用方法，需要加滚动条的div（模块）上加 class="my-scroll"
将下面代码添加到 wxss文件中去： 更多关于滚动条的设置参看：CSS3自定义滚动条样式 -webkit-scro...
css3 新增的滚动条样式，美化浏览器自带的滚动条 滚动条组成 ::-webkit-scrollbar 滚动条整体...
对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...
CSS设置滚动条样式 一：webkit下面的CSS设置滚动条 ::-webkit-scrollbar 滚动条整体部...
css3中可以设置滚动条的样式，但是兼容性一直被受争议，偶然看到一个css+js 的方式自定义一个滚动条，现在把他...
1.table固定尺寸滚动条 滚动条的样式设置，随意设置你喜欢的滚动条 上面是滚动条的主要几个设置属性，还有更详尽...
css 设置overflow:scroll 滚动条的样式
.my-scroll::-webkit-scrollbar { /滚动条整体样式/width: 5px; /高宽分...
设置全局滚动条样式 指定位置修改
滚动条设置 chrome css 样式设置 ie 浏览器样式 火狐浏览器目前没有找到兼容的样式
本文标题：css3设置滚动条样式
本文链接：https://www.haomeiwen.com/subject/ucrjxctx.html
网友评论