Как избавится от scroll-а на iphone после сворачивания/разворачивания chrome?

Question

[Антон Мудренок]

День добрый.

Разрабатываю мобильную версию сайта. Дизайн похож на приложение, некоторые экраны занимают 100% высоты экрана, на них скролла нет (это не так важно).

Проблемы возникают, когда в iphone версии 10+ (в старых нормально), в браузере chrome, открываешь сайт -> потом переключаешься на рабочий стол, или в другую приложуху, не закрывая вкладки -> потом возвращаешься в хром. Приложуха начинает думать, что у тебя экран примерно так на 250px больше и делает контент больше по высоте, но он в итоге на экране не помещается и появляется скролл (проблема не в верстке, даже fixed элементы показываются неправилно). Да и вообще я проверил на многих сайтах, очень много где есть такая проблема.

Вопрос можно ли что-то тригернуть в js или хз где, чтобы оно очухалось и показывало все нормально. Например если заблокировать экран и потом разблокировать, все становится норм.

Скрин не с моей приложухи, но примерно отображает проблему:


Похожий вопрос на SO

Answer 1

[Анатолий Куликов]

Попробуйте при первой загрузке js-ом записать размер экрана (в localStorage, например), после чего всем элементам, у которых должно быть 100% высоты задавайте точный размер в пикселях из этой переменной.

Comments

[Антон Мудренок]

Спасибо за ответ.
Но скролл то все равно останется.
+ есть вероятность, что некоторые юзеры пользуются мобильной версией на дескропе и скейлят умышленно для удобства

[Анатолий Куликов]

Антон Мудренок, эх, под рукой нет +10 айфона, можно было бы поиграть, поизучать, что там к чему ¯\_(ツ)_/¯

Такс, я вот сейчас только обратил внимание, что у него скролл горизонтальный есть. Тупой вопрос, но всё таки - у вас вот такой код стоит?

<meta name="viewport" content="width=device-width, user-scalable=no">

(пишу по памяти, могу ошибиться)

[Антон Мудренок]

Анатолий Куликов,
Я пока еще далек от идеала в понимании специфики мобайла, так что что-то очевидное для вас может быть весьма полезным для меня)
В меня так назначено:
content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"
Сейчас попробую user-scalable=no". Хотя и не уверен, что такой UX нашим юзерам зайдет)

[Анатолий Куликов]

Антон Мудренок, отпишитесь тогда - интересно же

[Антон Мудренок]

Анатолий Куликов,
у меня в коде таки стояли:
content="minimal-ui, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
Десктопный инспектор их подрезал.
Более того:
https://stackoverflow.com/questions/37808180/disab...