css - Android 平板电脑中的 Sencha 触控面板可滚动性问题

Question

我在 Sencha touch 中有一个面板，它显示了一些 htm 文件。

 Ext.define('Project.view.eula.EulaPanel',{
extend:'Ext.Panel',
requires: ['Ext.Ajax','Ext.Panel'],
xtype:'eulaPanel',  
id:'eulaPanel',
config:
{
    scrollable:true,
    padding:10,
     listeners: {
            activate: 'onActivate'
        },

        // Create a new configuration called `url` so we can specify the URL
    url: 'resources/eula/EULA.htm',
    items:[
         {
             xtype:'toolbar',
             docked:'top',
             items:[
                    {
                        xtype:'button',
                        text:'Accept',
                        action:'eulaAcceptBtn',
                    },
                    {
                        xtype:'button',
                        text:'Decline',
                        action:'eulaDeclineBtn',
                    },


                    ]

         }


        ]

},
onActivate: function(eulaPanel, container) {
    Ext.Ajax.request({
        url: this.getUrl(),
        method: "GET",
        success: function(response, request) {
            eulaPanel.setHtml(response.responseText);
        },
        failure: function(response, request) {
            eulaPanel.setHtml("failed -- response: " + response.responseText);
        }
    });
}
});

此面板是打开应用程序时显示的第一个面板。但它不能滚动。如果您导航到任何其他页面或再次重新打开应用程序，面板将变为可滚动的。如果有人知道修复程序，请告诉我。

Answer 1

只需尝试在面板中设置可滚动配置，如下所示而不是 true

scrollable : {
      direction     : 'vertical'
 }