Carousel Title Bar

Is there a way to have a carousel titlebar locked to the main fullscreen carousel I have below it? I'm trying to make a UI that looks similar to the Google Play store carousel and titlebar.

Any help is much appreciated. Thanks.

items: [
{
xtype:'toolbar',
title:'google play',
items:[
{
xtype:'carousel',
items:[{ur screen here}]
}
]
}
]

If you have a docked item as an item of the carousel it will be docked, so you don't need to nest it in another container

Code:

---

{
    xtype : 'carousel',
    items : [
        {
            xtype : 'titlebar',
            docked : 'top',
            title : 'Title'
        },
        //more items here
    ]
}

---

Thanks for the help everyone. I tried the method mentioned, but it keeps the title in the titlebar in place. I would like it to move left and right like the main carousel item below it. Something like a carousel titlebar locked to another main carousel below it. I would also like to be able to swipe the titlebar left and right and be able to move the main data in the carousel below it left and right.

Is this possible?

For that then you need to have a titlebar for each item.

Thanks, that worked.