Sencha touch 如何将Sencha Touch小部件与常规HTML一起使用；小部件；？

我有一个页面，我想使用一些sencha项目以及一些非sencha html

因此页面可能是…（加载sencha标题后）

我遇到的问题是，当页面高于手机的宽度时，只要我触摸屏幕，页面就会立即跳到页面底部。正常的页面滚动根本不起作用

---

有什么建议吗？谢谢。

尝试为您的组件分配一个布局，可能还包括一个flex，例如：

layout: {
    type: 'vbox',
    align: 'stretch'
},

及

对于滚动，您可以尝试：

scroll: 'vertical'

另外，在sencha中使用HTML的另一种方法是在组件中使用HTML属性，例如：

new Ext.Panel({
    scroll: 'vertical',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    flex: 1

    items: [{
        html: 'HTML content inside a panel',
    }]
});

---

我最后做了两件事：

• 在主体上添加了Ext.util.Scroller。iPhone上的Ext.util.Scroller有一个bug，它实际上不允许您向上滚动。不过在机器人身上效果很好
• 将每个模块的js内容“注册”为一个函数，方法是将其压入一个全局变量，以便将其添加到头部，然后在一个循环中执行它们，因此我只运行了一次Ext.Setup

---

谢谢您的回答。由于奇怪的原因，我无法将我的html代码放在面板中。在组件中添加布局、flex和scroll使每个组件都可以滚动，但我仍然无法滚动各个组件。此外，页面在加载后仍会自动滚动到页面底部。

flex: 1

scroll: 'vertical'

new Ext.Panel({
    scroll: 'vertical',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    flex: 1

    items: [{
        html: 'HTML content inside a panel',
    }]
});