[SalesForce] Remove vertical ScrollBar from Lightning Page

I am relatively new to Salesforce lightning and HTML/CSS. I was trying to create a Custom Grid to display Data with Pagintation(infinite scrolling).

It all went well till i started solving the issue of vertical scroll bar appearing on my page all the time. For pagination, i wanted to display scroll bar only on the grid and not on the entire page(default lightning grid behaviour). The snapshot below explains the problem very well.
enter image description here

But, as you can see in the snapshot above, there's an extra scroll bar that appears on the page as well. How do i set the

{ overflow:hidden;}

on the main page?

Best Answer

In addition to my comments above if you really need to do this it can be added to the init handler as such:

document.body.setAttribute('style', 'overflow: hidden;');

Which I have used many times to stop scrolling of main window when a modal is displayed.

Related Topic