Made a menu for the mobile resolution. Menu on a mobile phone positioned fixed + has a height of 100vh:
left: -105%; //
-moz-transition: all 0.3 s ease-in-out;
-webkit-transition: all 0.3 s ease-in-out;
-o-transition: all 0.3 s ease-in-out;
transition: all 0.3 s ease-in-out;
In this case, when calling the menu, I cling to body overflow: hidden, because the menu has its own vertical strip:
On android everything is OK, looks like this: And on the iphone the situation is this:
- Positioning is not regarding body, although fixed on idea should, and relative to the cap
- 100vh is not working
- overflow: hidden from body - also, as you scroll, say, left
Everything is complicated by the fact that there is no way to test on the iphone.
Has anyone encountered similar problems?
I would greatly appreciate answers.