Sencha Touch 2＆amp; webkit-overflow-scrolling：touch

Question

有没有人有幸运行解决方案来获取 -webkit-overflow-scrolling：触摸在Sencha Touch 2中工作？

虽然iPhone的性能非常好，但Sencha的卷轴在Android手机上仍然太不稳定了。与此同时，CSS3解决方案似乎是Android上的选择。

任何人都好运？

Answer 1

将原生样式滚动应用于给定为;

的面板

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

覆盖触摸移动事件以防止Sencha Touch控制该面板上的滚动

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

所以你可以摆脱不连贯的滚动，并在IOS设备上使用原生风格（并根据我的测试在Android设备上更好的滚动体验）

Answer 2

目前，-webkit-overflow-scrolling是iOS 5及更高版本上Mobile Safari独有的。所以没有Android。