Extjs4 从视口Ext JS 4中删除滚动条

我在视口中得到一个滚动条，如何删除它

我知道这是一种奇怪的情况，因为在我们的文档中有：

The Viewport does not provide scrolling, so child Panels within the Viewport 
should provide for scrolling if needed using the autoScroll config.

从

我的视口：

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

   layout : 'border',
   padding : '5 5 5 5',
   defaults: {
       split: true,
       autoScroll : false
   },
   initComponent : function() {
       this.items = [{
         region: 'north',
         height: 70,
         width : '100%',
         split : false,
         padding : '0 0 5 0',
         items:[{
               //here some items
         }]
    },{
        region:'west',
        collapsible: true,
        width: 210,
        maxWidth : 210,
        autoScroll : false,
        items:[{
               //here some items
         }]
    },{
        region:'center',
        id : 'workspace',
        //here I add panels dynamically
    }];
    this.callParent(arguments);
      }
 });

---

我错过什么了吗

正如文档所说，视口永远不会自动将滚动条直接应用到其上

但是默认情况下，您的每个区域都是

Ext.panel.panel

组件，它们会在溢出时自动获得一个滚动条

尝试将

布局：fit

配置添加到视口中

---

如果无法处理，请向具有滚动条的面板组件添加相同的配置。

您是否在视口中获得滚动条，或者在子面板中？我在视口本身中获得滚动条。我无法更改视口的布局以适应，因为我需要边界布局来分隔页面区域。您是否尝试将

layout:fit

添加到视口区域面板中？是的，我已经测试了

layout:fit

，添加时页面元素会被解吸

layout:fit

在视口中，我得到了我已经说过的解排序元素，当我将其添加到面板时，问题没有得到解决。谢谢