У меня действительно большая ошибка на iphone, что делает страницу непригодной для использования, и я просто не могу ее решить. Я также не могу найти тему об этой проблеме.
У меня есть следующий экран:
В середине есть div, который установлен на -webkit-overflow: auto;
иметь гладкую прокрутку внутри этого div. Прокрутка работает абсолютно нормально и плавно.
НО только пока я не сделаю touchmove
на другом элементе вне этого div. Если я это сделаю и попробую снова прокрутить коннектор scrollcontainer, он будет заморожен и вообще не перемещается. После того, как я несколько раз коснулся контейнера прокрутки, он снова прокручивается. Он потеряет фокус прокрутки контейнера прокрутки и пытается прокрутить родителя.
Итак, если я сделаю такое движение:
Это выглядит так:
Примечание. Я просто делаю одно касание от нижнего контейнера в div переполнения. После отпускания пальца, а затем повторного прокрутки, он по-прежнему прокручивает родительский div.
Я сделал небольшой пример, так что вы можете иметь вид с вашего iPhone/телефона здесь.
Эта проблема возникает только при использовании -webkit-overflow: auto
С нормальным overflow: scroll
всегда работает, но да... вы знаете, насколько лагги это прокрутка.
Есть ли способ заставить фокус прокрутки в желаемом контейнере, когда вы нажимаете/нажимаете на контейнер с помощью -overflow-scrolling: touch;
?