Как сделать карусель с вертикальной прокруткой?

Question

Как сделать так, чтобы карусель прокручивалась вертикально на странице?

Я не имею в виду предметы, я имею в виду всю карусель.

Например, этот простой код - каруселькоторый не будет прокручиваться:

    var carousel = new Ext.Carousel({
        flex: 1,
        indicator: false,
        dockedItems: [Toolbar],
        layout: 'card',
        defaults: {
            scroll: 'vertical'
        },
        items: [
            {
                html: 'Card 1'
            },
            {
                html: 'Card 2'
            },
            {
                html: 'Card 3'
            }
        ]
    });

Спасибо.

Answer 1

Вам необходимо добавить в атрибут direction:

var carousel = new Ext.Carousel({
    flex: 1,
    indicator: false,
    dockedItems: [Toolbar],
    layout: 'card',
    direction: 'vertical',
    defaults: {
        scroll: 'vertical'
    },
    items: [
        {
            html: 'Card 1'
        },
        {
            html: 'Card 2'
        },
        {
            html: 'Card 3'
        }
    ]
});