Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging

Question

as the title says I\'m having the problem with content getting hidden while scrolling/dragging the content when using the CSS property -webkit-overflow-scrolling: touc

Answer 1

Have you tried putting the elements into memory?

If not, try putting .items in memory using the css -webkit-transform: translate3d(0,0,0);

You may want to go higher or lower in the nesting depending on performance, ie applying the translate to .page or .item. This will increase the memory used which can get crashy but it helps the browser redraw everything.

Anyways, hope that helps!

Answer 2

This probably has to do with a bug in webkit. If you have any "position: relative" or absolute your code should work just fine.