2012-03-07 221 views
1

有沒有人有解決方案獲得-webkit溢出滾動的任何運氣:觸摸工作Sencha觸摸2?Sencha Touch 2&webkit溢出滾動:觸摸

儘管iPhone上的表現非常好,但Sencha的滾動條在Android手機上仍然太過分了。與此同時,CSS3解決方案似乎是現在Android上的選擇。

任何人都有幸運?

+0

正如ilija在下面提到的,新的屬性僅在iPhone上的iOS5上可用。即使/當它出現在Android上時,你也會有他們的碎片需要處理:意思是大多數Android用戶在下降後很長一段時間內不會看到該功能。你嘗試過Sencha Touch 2嗎? Android的性能得到了極大的改善 - – 2012-03-09 17:56:26

回答

0

目前,-webkit-overflow-scrolling是iOS 5及更高版本的Mobile Safari獨有的。無論如何沒有Android。

+1

它在最新版本的Android上運行良好。 – ThinkingStiff 2012-05-21 19:57:26

4

將原生樣式滾動應用於給定的面板;

Ext.create('Ext.Panel', { 
     style: 'overflow-y:scroll;-webkit-overflow-scrolling:touch;', 
     id: 'scroll-panel', 
     items:[...] 
}); 

覆蓋觸摸移動事件,以防止煎茶觸摸來控制滾動該面板

var scrollPanelDom = Ext.get("scroll-panel").dom; 
    scrollPanelDom.addEventListener("touchmove", function(e){ 
     e.stopPropagation(); 
    }, false); 

這樣你就可以擺脫震盪滾動的,並有其天然的風格,而不是在iOS設備上(根據我的測試更好的在Android設備上滾動體驗)

相關問題