Html Sench Touch 2：面板在移动设备上不会滚动

我有一个应用程序，它由一个选项卡栏布局和多个页面组成，其中一个页面是列表视图，另一个是详细视图，基本上是一个面板

面板不会在移动设备上滚动。它在桌面Chrome/Safari上运行良好，但在移动设备上不会滚动。我已经在iOS上的Safari/Chrome和Android上的Chrome上进行了测试

该应用程序的演示在这里：simbro5-80.terminal.com 源代码如下：github.com/simbro/Geograph

以下是一些片段：

主视图扩展Ext.tab.Panel：

详细视图：

另外，我正在使用Sencha Touch 2.4.1

尝试更改为

scrollable: true

---

只是看看显式设置是否对您有任何影响

Ok，只是尝试将scrollable设置为true，但没有解决问题。仍然无法在移动设备上滚动：嗯，好的，我看到了在父项上使用vbox布局的示例，所以请尝试在项目详细信息面板上从fit更改为vbox感谢Mindparse，我尝试在主视图上设置布局：“vbox”，但仍然不起作用：-难倒！好的，我现在可以在桌面上复制这个问题了。问题是构建工具，当我运行sencha应用程序构建时，生成的构建被破坏，因为面板不再滚动。我认为这应该作为一个新问题提出。谢谢你的帮助mindparse。只是想一想：当用户单击列表项时，我正在为控制器中的面板设置数据。然后我是否需要刷新/重画面板？

Ext.define('Geograph.view.ItemDetailView', {
    extend: 'Ext.Panel',
    xtype: 'itemDetailView',

    config: {
        title: 'Details',
        //layout: 'fit',
        tpl: [
            '<img src="{thumb}" alt="" />',
            '<h2>{name}</h2>'
        ],
        scrollable: {
            direction: 'vertical'
        },
        styleHtmlContent: true,
        data: null,
        items: [{
            docked: 'top',
            xtype: 'titlebar',
            title: 'Item Details',
            items: [{
                ui: 'back',
                text: 'Back',
                id: 'backBtn'
            }]
        }]
    }
});

scrollable: true