首页 > 其他 > 详细

H5自定义滚动条

时间:2020-09-10 16:47:42      阅读:90      评论:0      收藏:0      [点我收藏+]

实现效果如图所示:

技术分享图片

 

 

<div class="mess-rul test">
    <div class="messge-title">规则</div>
    <div class="messge-detail">某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某某</div>
</div>


.test::-webkit-scrollbar {/*滚动条整体样式*/
    width: 9px;
    height: 208px;
    background-color: #FFD07F;
}
.test::-webkit-scrollbar-thumb {/*滚动条整体样式*/
    background-color: #FFD07F;
    border-radius: 5px;
}
.test::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: #FFF5C2;
}

test 放在需要滚动的内容的标签里

H5自定义滚动条

原文:https://www.cnblogs.com/yuanyuanya/p/13645609.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!