有沒有人有解決方案獲得-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