Get rid of vertical scroll bar in the middle

I created this 2 column layout that can be scrolled individually.
How can I get rid of the scroll bar in the middle?

If I use overflow-y:hidden the page will just stop scrolling all together.

What else can I do?
Can I use some javascript to disable the middle scroll bar???

Hi,

In order to remove the scrollbar when it isn’t necessary, just replace overflow-y: scroll; with overflow-y: auto;, then it will be visible only when there’s content that goes through your document area.

1 Like

I see. Thanks. (20 character)