ios - Scroll freezes on iPad (javascript) -

i develop app ipad on javascript. have div. content in div should scrollable. added scroll div using class:

.scrollable {  -webkit-overflow-scrolling: touch;  overflow-y: scroll !important;  -webkit-transform: translate3d(0, 0, 0); } 

this way works in 90% cases, try scroll content , nothing happened. wait 3 sec , try again - , scroll works. don't have workaround javascript code may lead such behavior.

why behavior can be?

you mentioned loading content dynamically fiddle doesn't have dynamic content load taking place, can't answer fork of fiddle, prefer.

however, had similar problem , found if, after content loaded (timing critical), set of scrollable elements use -webkit-transform: translate3d(0,0,0);, seems resolve odd "freezing" behavior.

(in instance, dynamic content loaded in jquery's $.get shorthand, used .then() run function automatically set appropriate css every time new content loaded.)

let me know if helps.