Не могу понять что за полтергейст!!!

[vladmih]

Есть страница
http://hesrun.github.io/namf/hot-enamel
Через хромовский девтул, в мобильном телефоне при открытии сайдбара двигается вся страница.
http://take.ms/9WaKp

Уже правый глаз болит от нервов и гугления косяка, не пойму откуда ноги ростут...

[npofopr]

А почему, собственно не должно?

Вы же body сдвигаете. 

[vladmih]

3 минуты назад, npofopr сказал:

А почему, собственно не должно?

Вы же body сдвигаете. 

Я же сдвигаю боди по оси X.
А откуда пространство по оси Y?
Я вообще не пойму в чем ошибка, если такова есть?

О причем при открытии меню, я скрываю переполнение...

Edited August 8, 2016 by vladmih

[Igor Schnaider]

А на реальном устройстве так же?

[vladmih]

2 минуты назад, Igor Schnaider сказал:

А на реальном устройстве так же?

да, именно. Можете посмотреть если есть устройтсво)))

Причем это так только в мобильных устройствах и хромовской эмуляции

[npofopr]

Идите от наименьшего...

Уберите слайдер с страницы, проверьте.
Если не поможет, я бы ещё флексы заменил.

[vladmih]

7 минут назад, npofopr сказал:

Идите от наименьшего...

Уберите слайдер с страницы, проверьте.
Если не поможет, я бы ещё флексы заменил.

помогает только убирать транслейт

 

[npofopr]

Мне кажется, у вас всё из-за слайдера id="slides" ломается.

1. Он не перестраивает свою высоту.
2. Из-за этого, т.к. у вас на флексах всё, высота правой части = высоте, я так понимаю сайдбара.
3. От этого получается пустота в сайдбаре.
4. После обновления страницы получается белая пустота. 

Может я и не прав конечно.

 

[Igor Schnaider]

Попробуйте так:

<meta name="viewport" content="width=device-width,minimum-scale=1">

вместо initial-scale.

[vladmih]

21 минуту назад, npofopr сказал:

Мне кажется, у вас всё из-за слайдера id="slides" ломается.

1. Он не перестраивает свою высоту.
2. Из-за этого, т.к. у вас на флексах всё, высота правой части = высоте, я так понимаю сайдбара.
3. От этого получается пустота в сайдбаре.
4. После обновления страницы получается белая пустота. 

Может я и не прав конечно.

 

я уже думал об этом, но у меня есть страница где слайдера вообще нет.
http://hesrun.github.io/namf/
там шапка и контейнер...
Флекса убирал, не помогает.

Я предполагаю, что это какой-то баг связанный с трансформациями, ибо как только я их убираю, все становится нормально.
Гугл ничего внятного не сказал по этому поводу.

Ладно  буду думать...

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

вот с таким портом работает, потестил...
maximum-scale=1.0 это ключевое значение как оказалось.

Закрываем

 

24 минуты назад, Igor Schnaider сказал:

Попробуйте так:

<meta name="viewport" content="width=device-width,minimum-scale=1">

вместо initial-scale.

спасибо за наводку