Imagine a page of products where each product card is a link to the product page. On the iOS Chrome browser the address bar is located at the bottom and when I scroll the products list page the address bar gets hidden. When I click on a product when the address bar is hidden, the products page is getting loaded scrolled to the very bottom...

I'm using React and React router and it's a SPA.

I was doing research for a long time now, I saw different similar questions here but none answered my case. I'm not adding any more details here because I don't know what's important or what's not.

Thanks!