这篇文章主要介绍了原生js如何封装自定义滚动条，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
目前
创新互联公司已为上1000家的企业提供了网站建设、域名、网页空间、
成都网站托管、企业网站设计、
向阳网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
效果图：
代码如下：
div{
padding:0px;
box-sizing:border-box;
margin:0px;
border:0px;
}
#div-5{
width: 700px;
height: 500px;
border:1px solid black;
position: relative;
overflow: hidden;
}
.ribbit-OF-div1{
width: 20px;
background-color: rgb(239, 238, 238);
border:1px solid rgba(0,0,0,0.5);
position: absolute;
right:0px;
top: 0px;
cursor:default;
}
.ribbit-OF-div2{
position: absolute;
top:0px;
right: 0px;
width: 100%;
height: 100px;
background-color:rgba(0,0,0,0.3);
border-radius: 10px;
}
.ribbit-OF-div3{
width: 100%;
height:auto;
background-color: lime;
}
