Что делать с position:fixed в iOS?

Question

[Максим Герасименко]

Всем доброго времени суток!
На сайте maxg5.ru есть форма онлайн заявки обратного звонка.
При заходе с Iphone и попытке вывести данные в поле телефон каретка перескакивает в поле описание.
Также на Главной странице есть таймер, он мерцает при прокрутке, но только на Iphone.
Есть подозрение что обе проблемы связаны между собой.
Первая проблема частично решается установкой модальному окну position:absolute; вместо position:fixed. Но в таком случае при открытии модального окна оно открывается не по центру экрана и приходиться прокручивать страницу вверх.
Можно как то полноценно решить проблему position:fixed в iOS?

Comments

[Максим Герасименко]

Спасибо!
Теперь каретка не перескакивает.
Осталась еще одна проблема:
На Главной старице сайта есть таймер обратного отсчета. Он мерцает почему то при просмотре с Iphone и Ipad.

[Никита]

на тостере обычно не спасибо говорят, а ответ помечают как "решение" :)

Answer 1

[Никита]

При открытии модального окна на body добавьте класс:

.show-modal {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}

Соответственно при закрытии удаляете класс

Рекомендую через media прописать этот класс, только для мобильных