проблема прокрутки с -webkit-overflow-scrolling: touch

Question

Я использую Phonegap 2.5 для приложения iPhone. Я также использую запрос mobile. Его дает прокруткой вопрос, когда я использую -webkit-overflow-scrolling: touch;

Вот скриншоты:

и после прокрутки содержимого исчезает:

Верхний и нижний колонтитулы фиксированы. это код, я использую для DIV, который прокрутка DIV:

<div style="position: absolute; width: 100%; height: 75%; margin-top: 10%; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0);"> 
    <!--some content --> 
</div> 

, когда я удаляю -webkit-overflow-scrolling: touch; содержание не исчезает, но он не прокручивается, как родные. Я не могу понять, в чем проблема?

ОБНОВЛЕНИЕ: Он отлично работает на симуляторе ios 6. скриншоты относятся к устройству iOS 5.

Answer 1

не мог видеть ваш HTML-разметки, хотя, попытаться вызвать этот сценарий ...

Дайте идентификатор для ваших всплывающих дел.

HTML

<div id="yourBox" style="">  
    <!--some content -->  
</div> 

Jquery

$(document).ready(function(){ 
    $('#yourBox').trigger("create"); 
});