sencha-touch - スクロール可能な構成内でパネルをスクロール不可にする方法

Question

構成をスクロール可能に設定すると、パネル全体がスクロールします。ただし、スクロール可能なパネルの中で、 1つと残りをitemsロックしたい。panelscroll

どうすればそれができますか？

config: {
    scrollable: true,
    items: [{
        xtype: 'panel',
        layout: {
            //type: 'vbox',
            //align: 'start',
            pack: 'fit'
        },
        items: [{
            //want to lock this panel
            xtype: 'panel',
            id: 'name',
            flex: 3,
            scrollable: false,
            html: '<b>Hello</b><br/>' +
                'My name is rohan'
        }, {
            xtype: 'panel',
            scrollable: true,
            layout: 'fit',
            flex: 5,
            listeners: {
                initialize: function(thisObj, eOpts) {
                    var parentObj = Ext.getCmp('id')
                    var service = parentObj.config.record.get('service')
                    var serviceArr = services.length;
                    for (i = 0; i < serviceArr; i++) {
                        thisObj.insert(i, {
                            xtype: 'panel',
                            cls: 'service',
                            layout: 'fit',
                            items: [{
                                html: '<br/>' + servicesOffered[i].service,
                                cls: 'serviceTitle',
                            }, {
                                xtype: 'list',
                                cls: 'namelist',
                                scrollable: 'false',
                                itemTpl: '{name} <span> {tel} - {mobile}</span>',
                                data: servicesOffered[i].namedetails,
                                height: 332,
                            }]
                        });
                    }
                }
            }
        }]
    }]
}

現在、パネル全体がスクロールしています。一番上のパネルをロックしたい。