SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть

Возможно ли запретить прокрутку в iOS Safari с сохранением текущего положения?

Товарищи, подскажите, пожалуйста, есть ли возможность запретить прокрутку в iOS Safari без использования body { position: fixed; } и подобных этому решений?

Хочется, чтобы запрет работал по типу работы body { overflow: hidden; } в Chrome, иными словами, чтобы текущее положение прокрутки сохранялось (не прокручивало бы наверх документа), а высота viewport'a не скакала при его активации.

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

Подойдёт как JS-, так и CSS-решение любой степени упоротости (если оно, конечно, есть и работает адекватно).

P. S. Если решение есть, что-то мне подсказывает, что оно комплексное и не ограничивается относительно простым JS-кодом или CSS-хаком, потому что даже на достаточно продвинутых ресурсах данная проблема не решена.
  • Вопрос задан
  • 108 просмотров
Решения вопроса 1
SmthTo
@SmthTo Автор вопроса
Все перепёлки мира будут оплакивать мою смерть
Достаточно простое JS-решение нашел на kinopoisk.ru. Как и всегда в таких случаях, оно лежало на поверхности.

В переменную сохраняем текущее положение прокрутки body, на body вешаем стилями полученное значение (только отрицательное) в свойство top. Так же нужно добавить position: fixed и left: 0 (right: 0 тоже можно, хуже не будет). Да-да, всё же fixed.

Вот такие inline-стили для body от работы данного метода на Kinopoisk:
top: -345px;
left: 0px;
right: 0px;
position: fixed;

Проверил у себя на устройствах: работает в iOS Safari 11 и 12. Иных путей решения данной проблемы найти не удалось.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
KickeRocK
@KickeRocK
Какая версия?
Это пробовали?
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы