When we scroll up/down on the Instagram (iOS Safari v15.3) webview/browser after loading the page, Instagram hides/shows the bottom navigation bar, as shown in the screen photo.

Is there a method to tell if the IG bottombar is displayed or not in JavaScript?

All I know is that I used navigator to load the web in IG.

userAgent.includes("Instagram")

Any assistance would be greatly appreciated. Thanks

Update: Here's the sample screen recording gif example