Ext Viewport水平居中并且滚动

var viewport = new Ext.Viewport({
        border: true,
        autoScroll: true,
        //layout: {
        //    type: 'vbox',
        //    align: 'center',
        //    pack: 'start'
        //},
        layout: {
            type: 'hbox',  
            align: 'middle',  
            pack: 'center' 
        },
        width: 840,
        height: 800,
        items: [totalPanel]

    });

vbox实现不了滚动不知道为什么。