使用-webkit溢出滚动的滚动问题：touch

我为iPhone应用程序使用Phonegap 2.5。我也在使用查询手机。它使滚动问题，当我使用-webkit-overflow-scrolling: touch;使用-webkit溢出滚动的滚动问题：touch

以下是截图：

enter image description here

和滚动显示的内容后消失：

enter image description here

页眉和页脚是固定的。这是我使用它的滚动的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设备。

来源

2013-04-24 Dhanesh

试试这样：-webkit变换：translateZ（0）; 也许这是某种程度上与这个问题有关：http://stackoverflow.com/q/8110580/1307609 – Zsolt 2013-06-06 20:08:55

我发现溢出触摸是在iOS 5越野车。 – 2013-06-07 01:02:10

@Zsolt好吧，我会尝试它 – Dhanesh 2013-06-07 05:44:08

无法看到你的HTML标记，虽然，尝试调用这个脚本...

给ID到您的弹出股利。

HTML

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

JQUERY

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

来源

2013-06-06 08:07:00 yeyene

使用-webkit溢出滚动的滚动问题：touch

回答

相关问题