Sencha在水平旋转木马上触摸垂直滚动内容

Question

我想要有一个水平旋转木马，每个面板的内容都能够垂直滚动。目前，屏幕底部的内容被截断，我无法向下滚动内容。我用这个代码，旋转木马：

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

而且通过添加新的项目到它：

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

布局固定似乎并没有解决问题。

任何一个想法如何解决这个问题？

Answer 1

试试这个：

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

和

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

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

}); 
} 
});