Is it possible to stop part of the page from scrolling when there is no more content to display?

Question

css

There are two tables on the page, there is a lot of content in the left table, a little in the right one, and when scrolling (to see all the content on the left side, for example), the entire page scrolls and a void forms in place of the right table.

Is it possible to stop scrolling the right side when it has run out of content to display and continue scrolling the left side?

Answer 1

CSS → Position : Sticky.
If you have calculated sizes of the left and right parts → sprinkle some JS.