Hiding scrollbar on mobile browsers for entire page

I have successfully used CSS elements to hide scrollbars within repeating groups by using:

#repeatinggroup::-webkit-scrollbar { display: none; } #repeatinggroup{ -ms-overflow-style: none; scrollbar-width: none; } in an HTML element.

However, I also want to hide the right-side scrollbar that appears for the entire page, and I can’t get it to work (even if I change the #repeatinggroup element to body or the id of the entire page).

Has anyone been able to remove the mobile scrollbar for the entire page?