sub scrolling bar
by Guillaume Seguin
HTML
<div class="root">
<h1>Title</h1>
<div class="list">
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
<div>
élement
</div>
<div>
élement
</div>
<div>
élement
</div>
<div>
...
CSS
.root {
height: 100vh;
background-color: lightsalmon;
display: flex;
flex-direction: column;
overflow: hidden;
}
.list {
overflow: auto;
}