-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 или это все еще единственный вариант?


person kat    schedule 05.12.2014    source источник
comment
Похоже, это все еще проблема в iOS 10.   -  person joeyhoer    schedule 13.05.2017


Ответы (1)


По последнему вопросу - да, проблема присутствует в ios5. Извлечение элемента абсолютного позиционирования за пределы прокручиваемой области у меня отлично сработало.

person bobbykolev    schedule 04.02.2015
comment
спасибо @ user3222482, но, как я уже упоминал выше, это не вариант для меня, поэтому не решает мою проблему :( - person kat; 04.02.2015