How to make the entire container scroll when hovering over specific blocks?

Question

JavaScript

There is a block with a fixed height of 915px. It contains child blocks, each 305px high. Only 6 such blocks fit into the parent container, the rest are visible when scrolling down.
How to make it so that when hovering over the last two elements, the parent container scrolls down, for example, by the height of this child block itself, or by 100 px. And this was not once, but repeated, for example, if they pointed at the last blocks.