Sencha touch IE10桌面上的Sencha触摸滚动问题

无法使滚动在64位IE10 Win7上正常工作

Main.js

Ext.define('ScrollLab.view.Main', {
extend: 'Ext.Container',
xtype: 'main',
requires: [

],
config: {
    layout: 'vbox',
    itemId: 'mainPanel',
    scrollable: true,

    items: [
        {

            xtype: 'container',
            html: 'Sencha Touch 2.3 is the latest version of our industry-leading mobile app framework. In Sencha Touch 2.3 we updated the device APIs to make Apache Cordova a fully supported component in the library, including support (using the latest version of Sencha Command) for the Adobe PhoneGap Build. Touch 2.3 also includes two brand new themes: Cupertino and Mountain View, in addition to several enhancement to existing themes, especially the Blackberry 10 theme. Other enhancements in Touch 2.3 include full support for XMLHTTPRequest Level 2 (XHR2) on devices that support it, and a new ProgressIndicator Component to give users a true indication when uploading. Read more about all the new features of Touch 2.3.',
            width: '100px'
        }

    ]
}
});

MainController.js

Ext.define('ScrollLab.controller.MainController', {
extend : 'Ext.app.Controller',
requires : [
],
config:{
    refs:{
        mainView:      'main'
    },
    control:{
        mainView: {
            activate: 'onMainViewActivate'
        }
    }
},

onMainViewActivate: function(view) {
    "use strict";
    var me=this;

    var container = view;

    if(container.isXType('selectfield')) {
        container = container.down('list');
    }// Add support for selectbuttons

    // Disable default scroll for mobile.
    container.getScrollable().getScroller().setDisabled(true);

    console.log(me.getMainView().element.dom);
    var scrollContainers = Ext.DomQuery.select('.x-scroll-view', me.getMainView().element.dom);
    var scrollBars = Ext.DomQuery.select('.x-scroll-indicator', me.getMainView().element.dom);

    for(var i=0;i<scrollContainers.length;i++){
        scrollContainers[i].style.overflowY = "scroll";
    }

    for(i=0;i<scrollBars.length;i++) {
        scrollBars[i].style.zIndex = "-1";
    }
    console.log(scrollContainers);
    console.log('Length - ' + scrollContainers.length);

}
});

Ext.define（'ScrollLab.controller.MainController'{
扩展：“Ext.app.Controller”，
要求：[
],
配置：{
参考文献：{
主视图：“主”
},
控制：{
主视图：{
激活：“onMainViewActivate”
}
}
},
onMainViewActivate:功能（视图）{
“严格使用”；
var me=这个；
var容器=视图；
if（container.isXType（'selectfield'））{
container=container.down（'list'）；
}//添加对selectbuttons的支持
//禁用移动设备的默认滚动。
container.getScrollable（）.getScroller（）.setDisabled（true）；
log（me.getMainView（）.element.dom）；
var scrollContainers=Ext.DomQuery.select（'.x-scroll-view'，me.getMainView（）.element.dom）；
var scrollBars=Ext.DomQuery.select（'.x-scroll-indicator'，me.getMainView（）.element.dom）；
对于（var i=0；i我找到了答案。不是一个单一的解决方案。对于不同的组件，我必须以不同的方式启用滚动条。但关键是在DOM的正确位置使用溢出：滚动和高度100%CSS属性

如果您需要建议，请随时联系我。
我找到了解决方案。没有一个解决方案。对于不同的组件，我必须以不同的方式启用滚动条。但关键是在DOM中的正确位置使用溢出：滚动和高度100%CSS属性。我尝试了此解决方案，但对我不起作用。当我将高度设置为固定数字时，它会起作用但问题是，由于内容是动态创建的，我无法预先确定大小。您的组件是什么？您能提供更多信息吗？我正在使用：{xtype:'selectfield'，store:companiesStore2，name:'companies'，id:'companiesSelect'，itemId:'companySelect'，valueField:'companyname'，displayField:'companyname'，style:'overflow:auto'，侦听器：{change:function（字段，值）{getStats（value）}}}，在我的例子中，我没有把滚动条放在“selectfield”上的情况。你试过在IE的开发者模式下使用DOM和CSS吗？你必须使用“selectfield”吗？用“list”来代替怎么样？我有滚动条用于list，它不需要像素高度。我相信你可以用list获得类似的结果。