Как исправить медленную прокрутку при использовании webkit-transform и относительного позиционирования на iPhone

Question

Я реализовал прокрутку div, используя относительное позиционирование и анимацию WebKit для iPhone, она прекрасно работает в Safari на рабочем столе, но на реальном iPhone работает нестабильно (в симуляторе это нормально).

Прокрутка работает за счет вложения и обрезки элемента div (переполнение: скрытый) его родителем.Затем я устанавливаю верхнюю позицию и анимирую ее с помощью объявлений стиля -webkit.Кажется, что iPhone заметно тормозит, когда во внутреннем div много элементов.

Есть идеи, как сделать прокрутку более плавной?

Это была проблема с кодом iScroll и моим собственным написанным вручную кодом.

Answer 1

Использование Translate3d намного быстрее, чем прямой перевод, поскольку он использует аппаратное ускорение.