如何使傳送帶垂直滾動？

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