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