2012-03-07 94 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设备上滚动体验)