Изображение продолжает исчезать после прокрутки (мобильный)
ОБНОВИТЬ Это происходит только на устройствах IOS.
Я начал испытывать проблему, как только добавил:
overflow-y: scroll; & -webkit-overflow-scrolling: touch;
я добавляю это в неправильном месте? :
@media only screen and (max-width: 600px) {
html, body {
width: 100%;
height: 100%;
margin: 0px auto;
padding: 0;
overflow-x: hidden;
position: relative;
**overflow-y: scroll;
-webkit-overflow-scrolling: touch;**
}
Вот пример:
(Фигура с зонтом — это изображение, добавленное сверху)
Перед прокруткой
После прокрутки
Первоначально я думал, что мое изображение было слишком большим, поэтому я уменьшил его прямо сейчас до 59 КБ, и ошибка все еще возникает. Без сенсорной прокрутки я не могу настроить плавную прокрутку для мобильных устройств.
Кажется, я не могу воспроизвести вашу проблему, нормально работает на моем компьютере? на моем смартфоне изображение кажется фиксированным.
проблема возникает только на мобильных устройствах, я также только что узнал, что это происходит только на IOS, а не на Android, поэтому я думаю, что это может быть сенсорный код.
когда я запускаю его в хроме, я не вижу overflow в css:i.stack.imgur.com/ThQ1s.png
проблема устранена, это было связано с тем, что фоновое изображение было исправлено, казалось, что оно конфликтует с переполнением
Похоже, что div, содержащий изображения, уменьшается по высоте или другой белый div прокручивается поверх него.