html - -webkit-overflow-scrolling:touch 的滚动问题

Question

我在 iPhone 应用程序中使用 Phonegap 2.5。我也在使用查询手机。当我使用它时它会出现滚动问题-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>

查询

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