使用-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

回答

相關問題