I would like when I click an internal Anchor Tag That has Scroll behavior: Smooth, To hide the address bar on mobile devices.

The address bar is Hidden if I manually scroll to the location. But if I click an anchor tag that links to a part of the page, it does not hide the Address bar even though the scroll behavior is smoothly scrolling to that location.

Can I add a function to somehow hide the address bar on click or is the prevented from JS?

For reference Scrolling down 1px to hide the bar initially on page load will not help as, if the user returns to the top of the page the address bar will become shown and then upon clicking the anchor tag will remain shown.

Suggestions? Help Appreciated.