有没有人有解决方案获得-webkit溢出滚动的任何运气:触摸工作Sencha触摸2?Sencha Touch 2&webkit溢出滚动:触摸
尽管iPhone上的表现非常好,但Sencha的滚动条在Android手机上仍然太过分了。与此同时,CSS3解决方案似乎是现在Android上的选择。
任何人都有幸运?
有没有人有解决方案获得-webkit溢出滚动的任何运气:触摸工作Sencha触摸2?Sencha Touch 2&webkit溢出滚动:触摸
尽管iPhone上的表现非常好,但Sencha的滚动条在Android手机上仍然太过分了。与此同时,CSS3解决方案似乎是现在Android上的选择。
任何人都有幸运?
目前,-webkit-overflow-scrolling是iOS 5及更高版本的Mobile Safari独有的。无论如何没有Android。
它在最新版本的Android上运行良好。 – ThinkingStiff 2012-05-21 19:57:26
将原生样式滚动应用于给定的面板;
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设备上滚动体验)
正如ilija在下面提到的,新的属性仅在iPhone上的iOS5上可用。即使/当它出现在Android上时,你也会有他们的碎片需要处理:意思是大多数Android用户在下降后很长一段时间内不会看到该功能。你尝试过Sencha Touch 2吗? Android的性能得到了极大的改善 - – 2012-03-09 17:56:26