Проблема с прокруткой на мобильном телефоне - PullRequest
3 голосов
/ 03 октября 2019

Я создаю эффект параллакса, используя перспективу CSS, которая, кажется, является единственным способом создать эффективный параллакс на мобильных телефонах. Область прокрутки находится в поле, которое можно прокручивать внутри (это размер экрана), и параллакс работает, однако, на моем ipad очень липкий при прокрутке (не может «щелкнуть» экран и прокручивается при отпускании). ) согласно этому сообщению . Решение заключается в следующем CSS на контейнере:

 -webkit-overflow-scrolling: touch;

Это восстанавливает способность «пролистывать экран» и прокручивается после отпускания. Однако это снова сглаживает перспективу и больше не параллакс. Какой способ сохранить перспективу и нормально прокручивать на мобильных телефонах? Похоже, что просто нет хорошего способа параллакса на iPad / мобильных телефонах?

1 Ответ

2 голосов
/ 24 октября 2019

Лучше было бы использовать фоновое изображение и перспективу

...