Enfold Pages Remove Internal Scroll Bar and Keep External Scroll Bar (Browser)

Hello,

My website pages show an internal scroll bar, within the pages and the browser has its own external scroll bar which is the default scroll bar when you visit any web page. I need to remove the theme scroll bar (internal) to let the user only use the browser scroll bar.

As per your solution given in 2015 in another thread, I have added a code block element to the page and added this inside it but it entirely removed both scroll bars (internal and external) and I wasn’t even able to move the page down. Since this was posted in 2015 at https://kriesi.at/support/topic/remoe-scrollbar-from-my-homepage/, I am sure you must have some updated solution to this problem.
<style type = "text/css">html, body { height: 100% !important; overflow: hidden !important; }</style>

Here is the image that explains the internal scroll bar (within the theme on pages) and external scroll bar (Browser).

I want to remove only the internal scroll bar to let the page scroll only through the external scroll bar just like any normal web page.

Thanks a lot.