短视频平台搭建，自定义滚动条的样式

短视频平台搭建，自定义滚动条的样式

1

<div class="scrollpic"></div><br>样式：<br>.scrollpic{<br>margin: 0;<br>width: 100%;<br>position: relative;<br>float: left;<br>height: 111px;<br>overflow-y: auto;<br>}<br>.scrollpic::-webkit-scrollbar {/* 滚动条高度 */<br>    width: 10px;<br>height: 10px;<br>}<br>.scrollpic::-webkit-scrollbar-corner, /* 滚动条角落 */<br>.scrollpic::-webkit-scrollbar-thumb,<br>.scrollpic::-webkit-scrollbar-track {<br>    border-radius: 5px;<br>}<br>.scrollpic::-webkit-scrollbar-corner,<br>.scrollpic::-webkit-scrollbar-track { /* 滚动条轨道 */<br>    <br>}<br>.scrollpic::-webkit-scrollbar-thumb { /* 滚动条手柄 */<br>    background-color: #2c96f9;<br>}

​以上就是短视频平台搭建，自定义滚动条的样式， 更多内容欢迎关注之后的文章