EXTJS Viewport滚动条

Viewport充满整个屏幕，但是我做的页面超过屏幕，想弄个滚动条。但是autoscroll：true还是不行。
说明：我Viewport的layout为hbox里面有三个panel，就是中间的panel高度超过页面高度了，想弄个滚动条。
有没有高人帮忙解答一下？
谢谢

viewport不会超过你整个屏幕的 因为它是最底层的容器，会随着浏览器大小而自动变化。
你如果想设置滚动条，那就对中间的Panel设置好了。
而且Viewport的layout设置为Border试试，中间的region为center 甚至autoscroll为true.

总之，你在viewport哪里设置autoscroll是木有用滴

给你个例子吧
JScript code

Ext.define('MyApp.view.ui.MyViewport', {
    extend: 'Ext.container.Viewport',

    layout: {
        type: 'border'
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'panel',
                    id: 'PanelMidlle',
                    autoScroll: true,
                    title: 'PanelMiddle',
                    region: 'center',
                    items: [
                        {
                            xtype: 'panel',
                            height: 306,
                            id: 'PanelInsideMiddle',
                            width: 569,
                            title: 'PanelInsideMiddle'
                        }
                    ]
                },
                {
                    xtype: 'panel',
                    height: 150,
                    id: 'PanelNorth',
                    title: 'PanelNorth',
                    region: 'north'
                },
                {
                    xtype: 'panel',
                    height: 150,
                    id: 'PanelSouth',
                    title: 'PanelSouth',
                    region: 'south'
                }
            ]
        });

        me.callParent(arguments);
    }
});