Скроллинг фона в модальных окнах на Iphone

Web

или

Prevent background body scroll in IOS

Много наслышаны про задачу запретить скроллить фон при открытых диалогах и модальных окон. Много крови попило данное решение Apple встроить собственную поддержку прокрутки. При чем от версии к версии изобретают и падают существующие решения.

Причем данная ситуация воспроизводится только на самих устройствах Iphone либо в эмуляторах. Вы не сможете воспроизвести ее в Chrome debugger emulator

Дело в том что body в большинстве своем на сайте - имеет прокрутку. т/к/ высота контента как правило занимает больше одного экрана. Следовательно - вы можете его скроллить. И исчезает ползунок для скролла с виду не сразу и пока он активен - вы сможете за него ухватиться и продолжить скроллинг, чего бы не было наложено поверх данного слоя с прокруткой.

Все думают, что повесив overlay - смогут запретить доступ к фону, а не тут то было. Apple всех перехитрил.

Читать дальше →

  • Автор: kosmom
  • Просмотров: 816
  • Комментариев: 0
  • Создан: 27.04.2021 10:54

Не шутите с html

Web

При модификации нативных CSS свойств у элемента html следует быть предельно осторожным

Например если вдруг вы обнаружите что страница вдруг перестала сохранять позиции при обновлении или возврате по ссылке - знайте, наиболее вероятное место отказа - css для тега html. К данному эффекту может привезти например указание свойства overflow-x: hidden, хотя казалось бы при чем тут вертикальный скролл. Возможно при любом ограничении на прокрутку - позиционирование viewport-а также блокируется.

Живите теперь с этим. Удачи

Читать дальше →

  • Автор: kosmom
  • Просмотров: 443
  • Комментариев: 0
  • Создан: 09.09.2020 13:49