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

Web

или

Prevent background body scroll in IOS

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

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

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

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

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

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

Не шутите с html

Web

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

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

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

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

  • Автор: kosmom
  • Просмотров: 513
  • Комментариев: 0
  • Создан: 09.09.2020 13:49
Ваши предложения и пожелания пишите на pro@kosmom.ru

Теги

backup bootstrap core framework eloquent excel home project html ios javascript keep-alive kpi laravel legacy mvp orm php rip scroll timestamp undefined vue vuetify watch безопасность биометрический паспорт ваша любаша для путешествий загран на 10 лет загран паспорт загранпаспорт нового образца зимние книги как заполнить анкеты кеширование книги на новый год логирование мцф недвижимость новогодние книги образец заполнения антеты паспорт для путешествий паспорт нового поколения печать продукт проектирование прокси разработка ремонт ремонт в апартаментах ремонт нежилого помещения самокат сдача сколько стоил ремонт апартаментов спорт стандарты таблица финансы хостинг цена ремонта что почитать зимой юзабилити

Случайный пост

10.11.2015 07:00
Покупки Fix price октябрь 2015