Как предотвратить задержку прокрутки на Safari Mobile (iPad)?

У меня есть простая страница html5 с 3 div внутри. Если я разрешу только третьему div прокручивать, я получаю некоторые серьезные запаздывания и чувствительность к касанию, это странно. Любые идеи?

<html>
<body style="overflow:hidden">
 <div>
    BLA1
 </div>
 <div>
   BLA2
 </div>
 <div style="overflow: auto;">
    BLA3 overflow is here
 </div>
</body>
</html>

Ответы

Ответ 1

Хорошо, благодаря плану iScroll4 у меня появился новый трюк для iPad Web Developpers. По-видимому, он работает лучше с этим CSS:

overflow-y: scroll;
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

Пока это отставание, как ад:

overflow: auto;