Задать вопрос
@maxg5
Web Developer
html

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

Всем доброго времени суток!
На сайте maxg5.ru есть форма онлайн заявки обратного звонка.
При заходе с Iphone и попытке вывести данные в поле телефон каретка перескакивает в поле описание.
Также на Главной странице есть таймер, он мерцает при прокрутке, но только на Iphone.
Есть подозрение что обе проблемы связаны между собой.
Первая проблема частично решается установкой модальному окну position:absolute; вместо position:fixed. Но в таком случае при открытии модального окна оно открывается не по центру экрана и приходиться прокручивать страницу вверх.
Можно как то полноценно решить проблему position:fixed в iOS?
  • Вопрос задан
  • 3539 просмотров
2 комментария
Подписаться 1 Средний 2 комментария
Решения вопроса 1
Rema1ns
@Rema1ns
и так сойдет
При открытии модального окна на body добавьте класс:
.show-modal {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}


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

Рекомендую через media прописать этот класс, только для мобильных
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Парсинг поисковой выдачи Яндекс
24 апр. 2024, в 19:40
5000 руб./за проект
Разработка приложения на Flutter
24 апр. 2024, в 19:18
50000 руб./за проект
Сайт с вебзвонками и чатами на react
24 апр. 2024, в 19:05
15000 руб./за проект
Ещё заказы