Css sencha Touch水平滚动条和Hbox

嗨，我需要一点帮助来应对我面临的困难局面。我有一个图像的水平列表视图，我只想在屏幕上显示三个图像，并突出显示中心图像

我尝试了旋转木马，但只有突出显示的图像才可以滚动，我想要水平平滑滚动

在水平列表视图顶部使用hbox面板是否有效

var superpanel = new Ext.Panel({
    fullscreen: true,
    layout: 'hbox',             
    items: [
        {
           xtype: 'panel',
           id: 'panel_1',
           width: '100%',
           layout: 'fit',
           items: [
                {
                   xtype: 'list',
                   flex:1,
                   id: 'list1',
                   store: 'samplestore1'
                }
           ]
         }
    ]
 });

有人能帮我们解决这个问题吗。

---

非常感谢您的帮助

您不需要旋转木马。Dataview将用于此目的。看看这个家伙：

 Ext.define('Example.view.HorizontalList', {
            extend: 'Ext.dataview.DataView',
            xtype: 'horizontallist',
            config: {
                inline: {
                    wrap: false
                },
                scrollable: {
                    direction: 'horizontal'
                },

                //set the itemtpl to show the fields for the store
                itemTpl: '{name} {image}',

                //bind the store to this list
                store: 'xyz'
            }
        });

---

您也可以检查。

但是我希望中心元素应该高亮显示。它应该像中心框架是固定的，图像应该经过frame@teekib你试过什么吗？如果是的话，就把它贴出来。我想这是可以通过css实现的。