IOS: неправильный элемент быть прокручивается

Question

я наткнулся на странный вопрос прокрутки на прошивке (7 или 8), как показан на www.cahri.com/tests/scroll

Как воспроизвести?

1. Откройте пример страницы на iPhone/IPad/IOS Simulator в ландшафтном
2. сенсорный с правым большим пальцем основное содержание (правая сторона) и выполните прокрутку вверх или вниз
3. Отпустите большой палец правой руки
4. Прикоснитесь левой рукой (это div с переполнением: прокрутка) и попробуйте прокрутить страницу: прокрутки страницы вместо div. Отпустите большой палец левой руки.
5. Возможно, потребуется несколько попыток воспроизвести, пожалуйста, вернитесь к 2, если страница не прокручивается.
6. Нажмите еще раз с большой палец левой руки с левой стороны, теперь правильно

прокручивает Вы бы иметь ни малейшего представления, что является причиной проблемы? И как решить эту проблему?

Answer 1

Веб-браузеры iOS по-прежнему сталкиваются с проблемами с фиксированными позиционируемыми элементами (как и ваш левый div) и прокруткой. Во многих веб-проектах, которые я делал, это, по-видимому, всегда вызывает проблемы/ошибки, которые несколько необъяснимы. Я знаю, что это не точный ответ, но я просто разделяю то, что я был на этом пути раньше :)

Лучшим решением является либо использование метода, который уходит от фиксированного позиционирования и прокрутки для мобильных устройств, либо библиотека прокрутки третьей стороны, такая как: http://cubiq.org/iscroll-5

У меня был большой успех с ними на устройствах iOS.

Если вы хотите другое решение для мобильных устройств, вы можете использовать медиа-запросы для изменения позиционирования элементов.

@media screen and (max-width: 600px) { 
    .column-left { ... } 
}