Sencha touch 如何在Ext.容器中滚动

以下是我的观点。如何使菜单滚动和视图滚动分开

Ext.define('HaBoMobile.view.AboutView', {
    extend: 'Ext.Container',
    xtype: 'aboutViewType',
    html: 'Learn more about me',
    styleHtmlContent: true,
    scrollable : {
        direction     : 'vertical',
        directionLock : true
    },
    overflowY: 'auto',
    autoScroll: true,
    config: {
        fullscreen: true,
        items: [{
            docked: 'top',
            xtype: 'titlebar',
            items: [{
                text: 'Menu',
                action: 'nav',
                iconCls: 'list'
            }]
        }]
    }
});

我尝试了所有这些设置，但都不起作用 可滚动：{ 方向：'垂直'， 方向锁：正确 }, 溢出：“自动”， 自动滚动：正确，

---

下面是一个

只需尝试使用

可滚动：true

，如下所示：-

 var menu = Ext.create('Ext.Menu', {
             scrollable: true,  // add this property
            width: 200,  // Need to set a width 
            items: [{
                text: 'Close',
                ui: 'decline'
            }, {
                text: 'Home',
                action: 'nav_option',
                iconCls: 'home'
            }, {
                text: 'Settings',
                action: 'nav_option',
                iconCls: 'settings'
            }]
        });

容器：-

Ext.define('Fiddle.view.Main', {
    extend: 'Ext.Container',
    xtype: 'mainview',
    config: {            
        scrollable: true,
         html: 'Main page',
        items: [{
            docked: 'top',
            xtype: 'titlebar',
            title: 'Main',
            items: [{
                text: 'Nav',
                action: 'nav'
            }]
        }]
    }
});