javascript - 如何在sencha touch中垂直滚动？

Question

我正在使用 sencha touch carousel，其中我使用水平滑动。效果完美。但在其中我使用的是我想要垂直滚动的面板(将每个页面滚动到底部)。怎么做？我在每个面板中给出了滚动:'垂直'，如下所示:

var myFirstPage = Ext.Panel({
      id:'tableId',
          iconCls:'myToolBar',
          style:'overflow:auto;' ,
          scroll:'vertical',
          items:.........});
Ext.setup( {
    onReady: function() {
      myCarouselId = new Ext.Carousel({
        fullscreen: true,
        id:'myCar',

        items : [ myFirstPage]...............});

但我无法将面板滚动到底部。哪里出了问题？

Sencha touch vertical scroll content in a horizontal carousel 。根据这个 stackoverflow 答案，我们可以在水平轮播中垂直滚动子内容，和我一样的问题。但我在这里做同样的事情，我无法滚动。我的子面板包含 vbox 和 hbox 布局。

有人可以回答我的问题吗？

Answer 1

试试这个，它对我有用，我从 sench forum 得到它

在面板中设置可滚动配置

scrollable : {
      direction     : 'vertical',
      directionLock : true
}

示例

var myFirstPage = Ext.Panel({
          id:'tableId',
          iconCls:'myToolBar',
          scrollable : {
            direction     : 'vertical',
            directionLock : true
         },
        items:.........});

Ext.setup( {
    onReady: function() {
      myCarouselId = new Ext.Carousel({
        fullscreen: true,
        id:'myCar',
        items : [ myFirstPage]...............});

看到这个fiddle