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

Я реализовал прокрутку div, используя относительное позиционирование и анимацию webkit для iphone, он прекрасно работает в сафари на рабочем столе, но на реальном iphone работает прерывисто (отлично на симуляторе).

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

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

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


person BeWarned    schedule 13.03.2010    source источник


Ответы (1)


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

person JoshNaro    schedule 11.03.2011
comment
Я мог бы поцеловать тебя. Translate3d как минимум в три миллиарда раз быстрее, чем мой код translate. Спасибо! - person Ian Hunter; 05.05.2011