Scroll vertical in carousel to see content problem

[Nos]

Hi,

I'm trying to use a carousel with direction horizontal and with scrollable to vertical.

However, the items in carousel are higher than the height of the carousel and i can't scroll to the end of content without the scroll goes to the beginning.

How to scroll like with the list component ?

My Carousel declaration :

xtype: 'carousel',
cls: [
'carouselDetailAujourdhui'
],
id: 'DetailAujourdhuiCarousel',
scrollable:
{
direction: 'vertical',
directionLock: true
},
fullscreen:true

Best regards,

Nos

[Dehost]

Ext.create('Ext.Carousel', {
    fullscreen: true,
    direction: 'vertical',


    defaults: {
        styleHtmlContent: true
    },


    items: [
        {
            html : 'Item 1',
            style: 'background-color: #759E60'
        },
        {
            html : 'Item 2',
            style: 'background-color: #5E99CC'
        }
    ]
});

[Nos]

This doesn't work.

I don't want a carousel with direction to vertical.

I've a carousel with direction to horizontal with scrollable to vertical.
The content of items is html but when i'm trying to scroll down my content, it scrolls automatically to the beginning after.

Why ???

Best regards,

Nos

[mitchellsimoens]

If you have an item of a carousel that you want to scroll vertical, set this on the items:

scrollable : {
    direction     : 'vertical',
    directionLock : true
}

[Nos]

Thanks, it works like a charm !!!