How to fix slow scrolling when using webkit-transform and relative positioning on the iphone?

Using translate3d is much faster than straight up translate, as it utilizes hardware acceleration.

Up vote 2 down vote favorite share g+ share fb share tw.

I have implemented scrolling of a div by using relative positioning and webkit animation for the iphone, it works beautifully on desktop safari but is choppy on the actual iphone (fine on the simulator). The scrolling works by having a div nested and clipped (overflow:hidden) by its parent. I then set the top position and animate it with -webkit style declarations.

The iphone seems to noticeably slow down when there are a lot of items in the inner div. Any ideas how make the scrolling smoother? This was a problem with iScroll code and my own hand coded stuff.

Javascript iphone webkit mobile-safari link|improve this question asked Mar 13 '10 at 15:02BeWarned943410 75% accept rate.

But, iScroll already uses translate3d when available. – James Baker Mar 18 '11 at 4:35 1 I could kiss you. Translate3d is at least three gajillion times faster than my translate code.

Thank you! – beanland May 4 '11 at 21:41.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.