-webkit-overflow-scrolling нарушает абсолютное позиционирование
Я создаю страницу, которая должна иметь некоторые элементы, которые прикрепляются к верхней части страницы, когда в противном случае они будут прокручиваться за пределы экрана. Мне удалось сделать это с помощью position:absolute, Все работало отлично, но требовалась прокрутка импульса. я добавил -webkit-overflow-scrolling: touch к CSS области прокрутки. Это сломало все. Мои липкие элементы с position:absolute сейчас просто прокручиваем с остальным контентом.
У меня вопрос такой:
Почему -webkit-overflow-scrolling: touch влияет на абсолютное позиционирование, и есть ли способ обойти это?
ОБНОВЛЕНИЕ: я добавил предупреждение, когда дочерний элемент становится "фиксированным" или "нефиксированным". Оповещения продолжают срабатывать, поэтому стиль все еще применяется, он просто не работает. Это означает, что это не проблема отслеживания положения прокрутки, а проблема со стилем.
ОБНОВЛЕНИЕ: я пытался использовать position: fixed вместо position: absolute а также -webkit-overflow-scrolling сломал это тоже
ОБНОВЛЕНИЕ: После многих копаний, я нашел ссылки на эту проблему здесь и здесь. Однако единственное предлагаемое решение в обоих случаях состоит в том, чтобы реструктурировать DOM так, чтобы липкие элементы не находились в области прокрутки. В моем случае это сложно сделать, и я бы предпочел этого не делать. Достигнут ли прогресс с ios5 или это все еще единственный вариант?
1 ответ
На последний вопрос - да, проблема присутствует в ios5. Извлечение элемента абсолютного позиционирования за пределы области прокрутки работало нормально для меня.