После нескольких часов поиска в сообществе я не смог решить мою проблему.
В настоящее время я строю div с горизонтальной прокруткой и несколькими модалами.Когда я запускаю overflow-x scroll, он отлично работает на всех устройствах, кроме iOS Safari.Это мой код:
Разметка
<div id="parent">
<div id="scroll">
<div id="card">card content</div>
<div id="card">card content</div>
</div>
</div>
Стиль
#parent {
overflow-y: hidden;
}
#scroll {
overflow-x: auto;
min-width: 100vw;
-webkit-overflow-scrolling: touch;
}
#card {
width: 222px;
height: 360px;
}
при нажатии на карту активируетсямодальный, который должен быть полной ширины и высоты.Прекрасно работает на Chrome и Firefox, но на Safari Mobile он отключается.
Ссылки: Снимок экрана iOS Снимок экрана Android