2014-11-19 2 views
1

Во время тестирования на сайте, который я разрабатываю, я заметил, что -webkit-overflow-scrolling: touch; который применяется к контейнеру моего мобильного меню не работает, как ожидалось на iPhone 6+, но он работает, как ожидалось на iPhone 5.-webkit-overflow-scrolling: touch; не работает на iPhone 6+ в Safari

Через некоторое Googling, я нашел обходной путь, который сказал добавив границу к тому же элементу исправляется проблема, и это произошло вкратце. Но как только стиль был добавлен в CSS, и страница была обновлена, она больше не работала, пока я не повернул телефон, а затем повернул его назад, что заставляет меня думать, что это какая-то ошибка с Safari на больших iPhone.

Неужели кто-нибудь еще столкнулся с этой проблемой? Кто-нибудь знает какие-либо решения, которые могли бы это исправить?

Спасибо!

+0

В качестве обходного пути - просто удаление -webkit-overflow-scrolling: touch; исправлена ​​проблема с содержимым, которое не прокручивается вообще. Теперь он прокручивается, но у него нет характеристик «резиновой ленты» типичной прокрутки ... что отлично подходит для этого проекта. – alanvitek

ответ

2

IOS-не читает -webkit-переполнения прокрутки: прикосновение, так что вы должны также вставить переполнение: прокрутки, чтобы исправить эту проблему на IOS 8.

в этом случае варианты, которые до 8 будет читать «-webkit -версия прокрутки: коснуться ", а восьмая версия будет читать" переполнение: прокрутка ".

Я столкнулся с той же проблемой, и я исправил ее таким образом.

+1

Можете ли вы предоставить ссылку на «IOS 8 не читает -webkit-overflow-scrolling: touch»? – mattLummus

Смежные вопросы