The picture shows the current scrollbar, you need to move it to the full height of the screen. I tried to make a div (with position: relative) and in it a div with scrolling Position: absolute; and aligned on all sides, inside it made a div with a margin-top: 20 vh; it turned out that the scrollbar is at full height and the block is where the next problem is and from here, when scrolling, the lower block will make the upper one. The second image shows the problem.
<div style="position:relative;"><!-- чтобы блок с Position:absolute брал его размеры --> <div class="scroll" style="position: absolute;right: 0;top:0;left:0;height: 80vh;overflow-y:auto;"> <div style="position: relative;top:20vh;left:0;right:0;"> <div>...</div> <div>...</div> <div>...</div> </div> </div> </div> 
