Sencha 在水平轮播中触摸垂直滚动内容答案

【问题标题】：Sencha touch vertical scroll content in a horizontal carouselSencha 在水平轮播中触摸垂直滚动内容
【发布时间】：2012-01-18 20:01:36
【问题描述】：

我想要一个水平轮播，每个面板的内容都可以垂直滚动。目前，内容在屏幕底部被截断，我无法向下滚动内容。我将此代码用于轮播：

Pages.Portfolio = new Ext.Carousel({
title: 'Portfolio'
});

并通过以下方式向其中添加新项目：

Pages.Portfolio.add(
    new Ext.Panel({
        html: response.responseText                    
    })
);

固定布局似乎不能解决问题。

有人知道如何解决这个问题吗？

【问题讨论】：

标签： sencha-touch

【解决方案1】：

试试这个：

Pages.Portfolio = new Ext.Carousel({
  title: 'Portfolio',
  fullscreen:true
});

和

Pages.Portfolio.add(
    new Ext.Panel({
        html: response.responseText,
        scroll:'vertical'       
    })
);

【讨论】：

【解决方案2】：

试试吧！

              Ext.application({
name:'ehmm',
launch:function(){
Ext.create('Ext.Carousel', {
    fullscreen: true,

defaults: {
    styleHtmlContent: true
},
scroll:'vertical',
items: [
    {
        html : 'Item 1',
        style: 'background-color: #5E99CC'
    },
    {
        html : 'Item 2',
        style: 'background-color: #759E60'
    },
    {
        html : 'Item 3',
    style:'background-color:red;'
    },
{
    html:'contohnya',
    style:'background-color:pink;'
},
]

});
}
});

【讨论】：