2011-11-08 2 views
0

Как я могу сделать прокрутку карусели вертикально на странице?Как сделать прокрутку карусели вертикально?

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

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

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

Спасибо.

+0

что вы хотите точно? когда пользователи делают вертикальное прокручивание, каково поведение, которое вы ожидаете, прокрутка или следующий элемент? если вы хотите, чтобы весь карусель переместился, подумайте о том, чтобы положить его в панель. –

ответ

0

Вам нужно добавить в атрибуте 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' 
     } 
    ] 
}); 
+0

Пробовал это сейчас, и он не работает, карусель точно такая же. –

+0

Попробуйте снять объект 'defaults'. – BenM

+0

Это изменяет направление прокручиваемых элементов карусели по горизонтали и вертикали. Я хочу, чтобы иметь возможность прокручивать всю карусель вверх, я не имею в виду ее предметы. Спасибо за попытку. –

Смежные вопросы