Chrome URL bar scrolling on mobile

Design help General
1

Hi,
I have seen a number of threads on this but none make it very clear what the answer is and when I tried implementing several solutions none seem to work.

When I scroll up and down on chrome on iOS, the URL and navbar show up, and this messes with the height of the site, meaning that everything moves up and down, making the page look glitchy.

I have tried settting all heights to 100% height, 100% vh, etc. Nothing seems to work.

Read-only site: https://preview.webflow.com/preview/mydecine-innovations-group?utm_medium=preview_link&utm_source=designer&utm_content=mydecine-innovations-group&preview=26f134872b2cbdd3e0f7e70433c5b672&mode=preview

Thank you for the help!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hey there!

There are some do’s and don’t’s when it comes to Chrome’s behavior on mobile.
I’d suggest reading this article from google first:

Play around with this demo on your mobile to determine which value-type you should use for your intend!

https://bokand.github.io/demo/urlbarsize.html

This can also be helpful:

3

Thanks for your support here!
Per the second article, is there a way to use window.innerHeight on Webflow? perhaps via custom code?

4

I, too, would like to know this!

I’ve tried this technique (see about middle of page) but it doesn’t work and I don’t know enough about the code to troubleshoot it.

@jbunce did you ever find a solution that worked for you?

5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.