Streaming live at 10am (PST)

Mobile/Tablet screen jump Issue with VH

#1

Hello!

I seem to be having an issue with Chrome on both mobile and tablet view when setting the the hero up with a VH value. The screen jumps on scroll, recalculating the VH I’m assuming because the Chrome UI appears and disappears?

If anyone can help solve this or maybe suggest a workaround I would be truly indebted.

This problem doesn’t exist on safari or IE. Analytiks page is the culprit, not “home”

https://analytiks.webflow.io/analytiks
https://www.analytiks.co/analytiks

READ ONLY:
https://preview.webflow.com/preview/analytiks?utm_source=analytiks&preview=4da12d1553879e0a305ff5cecdfff683

Scroll_Issue

0 Likes

#2

I experience the exact same issue on mobile chrome (on my iPhone X) --> here
Hero also set at 100 VH

Read Only Link

0 Likes

#3

@new_work_city Find any workarounds yet? If you set a fixed pixel height the problem is resolved but that’s not really a solution.

0 Likes

#4

@ChieraCreative I kinda left it as is. Maybe do some more testing in the weekend

0 Likes

#5

To be honest i don’t think there is a solution just from the logical point of view. Browser is changing height with the address bar disappearing and your element depends on this height therefore the jump. But if someone somehow solved this I’d be happy to hear!

0 Likes