使用-webkit-overflow-scrolling滚动问题：触摸

Question

我正在使用Phonegap 2.5进行iPhone应用程序。我也在使用查询移动设备。当我使用-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标记，但请尝试调用此脚本...

为你的弹出式div提供id。

HTML

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

JQUERY

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