2011-11-08 20 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

これは、スクロール可能なカルーセル項目の方向を水平から垂直に変更します。私はカルーセル全体を上にスクロールできるようにしたい、私はそのアイテムに言及していない。試してくれてありがとう。 –

関連する問題