console
<div class="scrollbar">
<div class="scrollbar__wrap">
<div class="scrollbar-view">
<ul class="list">
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111
</li>
<li class="item">
111222
</li>
</ul>
</div>
</div>
</div>
ul li {
list-style: none;
margin-right: 20px;
}
ul {
cursor: pointer;
}
*{
margin: 0;
padding: 0;
}
.scrollbar__wrap{
margin-right: -17px;
margin-bottom:-17px;
overflow: scroll;
height: 100%;
}
ul{
display: flex;
}
.scrollbar{
overflow: hidden;
width:200px;
}
.scrollbar-view{
}