iOs 13 и горизонтальная прокрутка: родная ленивая загрузка?

Question

Странная проблема возникает только в Safari iOs 13. У меня есть элемент с горизонтальной прокруткой (собственная прокрутка, overflow-x: auto). В iOs 13, когда я прокручиваю эту область, когда элемент вне области просмотра появляется в области просмотра, сначала он скрыт, затем мигает и становится видимым.

Вот скринкаст этой проблемы: https://imgur.com/a/Y2Lz2GH

Вы можете увидеть его вживую: https://www.thebackpackerz.com/agenda/concerts-rap-paris/

Я думаю, это связано с iOs 13 новыми функциями:

Добавлена ​​поддержка ускоренной прокрутки одним пальцем для всех кадров и переполнения: элементы прокрутки устраняют необходимость в set-webkit-overflow-scrolling: touch.

Изменено поведение по умолчанию на iPad для широких веб-страниц с адаптивными мета-тегами, которые требуют горизонтальной прокрутки. Страницы масштабируются, чтобы предотвратить горизонтальную прокрутку, а любой текст изменяется, чтобы сохранить удобочитаемость.

Но сейчас мне это кажется ошибкой. Есть идеи, чтобы исправить это?

Answer 1

У меня тоже была та же проблема, и после попытки разных решений я придумал это.

.bottom-nav-wrapper {
     position: fixed;
     width: 100%;
     overflow-x: scroll;
     overflow-y: hidden;
}

И в этой обертке вы можете поместить свои карты / элементы для горизонтальной прокрутки.