extjs - 仅当浏览器低于 1024x768 时使用 extjs 4 布局区域滚动

Question

我的 Viewport.js 由四个堆叠的垂直带组成，它们的最小宽度为 1024，组合的最小高度为 768（希望它适合 iPad 而无需滚动）

me.items = [{
    xtype: 'pageHeader',
    region: 'north'
},{
    xtype: 'pageBreadcrumb',
    region: 'north'
},{
    xtype: 'pageMain',
    region: 'center',
    cls: 'oc-view-center'
},{
    xtype: 'pageFooter',
    region: 'south',
    layout: 'border'
}];

当我调整桌面浏览器的大小时，我遇到了滚动条的问题，有时会出现没有滚动拇指（我可以忍受），但 pageFooter 也会浮动在我需要修复的“中心”面板的顶部。

给定下面屏幕截图中的布局，如何让滚动正常工作？

Answer 1

您不能在每个边界区域中指定多个容器。您可能想考虑将其中一个容器嵌套在“北”区域的容器中。此外，请确保您已在视口配置中将 autoScroll 设置为 true。