webkit-overflow-scrolling делает элемент исчезающим

Question

У меня есть приложение/сайт, где я использую -webkit-overflow-scrolling: touch;, чтобы сделать прокрутку гладкой на iOS.

Однако в последнее время он начал вызывать исчезновение навигационной панели при начальной загрузке (с использованием iOS), и она появляется только при прокручивании определенных элементов вверх или вниз, что делает навигационную панель непригодной для использования.

Если я прокомментирую -webkit-overflow-scrolling: touch;, тогда он работает отлично, но прокрутка импульса исчезла. Я попробовал добавить z-index хакер на навигационную панель, чтобы убедиться, что она загружается поверх всего, я добавил несколько разных свойств display, чтобы посмотреть, могу ли я взломать -webkit-overflow-scrolling: touch;, я даже попытался добавить элементы в память с использованием -webkit-transform: translate3d(0,0,0);, и ничего не работает. Набережная все еще исчезает/глючит независимо от того, когда включен -webkit-overflow-scrolling: touch;.

У кого-нибудь был этот глюк раньше и разобрался? Я действительно не хочу загружать всю JS-библиотеку только для обработки моей прокрутки, но мне, возможно, придется, если я не могу понять, что это глюк. Неимпульсная прокрутка кажется такой неуклюжей и непригодной для использования.

Answer 1

У меня была та же проблема. У меня был список элементов с -webkit-transform: translate3d(0,0,0);, которые не показывались, как только я включил -webkit-overflow-scrolling: touch;. Моя проблема заключалась в том, что у меня были элементы с -webkit-transform: translate3d(0,0,0);, вложенными в другой div.

Другими словами, существовал div между тем, у которого с переливом-прокруткой: касание и детьми с translate3d. Не осознавали, что должны быть прямыми детьми.

Как только я объединил свои divs, он прекратил скрывать элементы и отлично работал. Надеюсь, поможет.