Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sencha touch Sencha触摸水平旋转木马中的垂直滚动内容_Sencha Touch - Fatal编程技术网

Sencha touch Sencha触摸水平旋转木马中的垂直滚动内容

Sencha touch Sencha触摸水平旋转木马中的垂直滚动内容,sencha-touch,Sencha Touch,我想有一个水平旋转木马,每个面板的内容可以垂直滚动。目前,屏幕底部的内容被切断,我无法向下滚动内容。我将此代码用于旋转木马: Pages.Portfolio = new Ext.Carousel({ title: 'Portfolio' }); 并通过以下方式向其中添加新项目: Pages.Portfolio.add( new Ext.Panel({ html: response.responseText }) ); 布

我想有一个水平旋转木马,每个面板的内容可以垂直滚动。目前,屏幕底部的内容被切断,我无法向下滚动内容。我将此代码用于旋转木马:

Pages.Portfolio = new Ext.Carousel({
title: 'Portfolio'
});
并通过以下方式向其中添加新项目:

Pages.Portfolio.add(
    new Ext.Panel({
        html: response.responseText                    
    })
);
布局到固定似乎并不能解决问题

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

试试这个:

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

试试看

              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;'
},
]

});
}
});
              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;'
},
]

});
}
});