使容器水平滾動？

我創建了一個容器，其寬度爲3000px，並帶有三個子容器，每個子容器都有flex：1。我使頂部容器水平滾動。但是，當我拖動到右側時，我可以看到第三個框（第三個框），但是一旦我釋放，窗口就會恢復。我希望右側的內容在發佈後保持可見。使容器水平滾動？

Sencha Fiddle

enter image description here

來源：

 
    Ext.Loader.setConfig({enabled: true}); 

    Ext.application({ 
     name: "Sencha", 

     launch: function() { 

      var tabPanel = Ext.create('Ext.tab.Panel', { 
       layout: 'card', 
       padding: 2, 
       tabBarPosition: 'bottom', 

       items: [ 
        { 
         id: 'tab1', 
         title: 'Home', 
         layout: 'hbox', 
         xtype: 'container', 
         width: 3000, 
         scrollable: { 
          direction: 'horizontal' 
         }, 
         items: [ 
          { 
           xtype: 'panel', 
           layout: 'vbox', 
           flex: 1, 
           items: [ 
            { 
             html: "vb1", 
             flex: 1 

            }, 
            { 
             html: "vb2", 
             flex: 1 
            } 

           ] 
          }, 
          { 
           html: "two", 
           flex: 1 
          }, 
          { 
           html: 'three', 
           flex: 1 
          } 
         ], 
         iconCls: 'home' 
        } 
       ] 
      }); 
      Ext.Viewport.add(tabPanel); 
     } 
    });

來源

2013-07-10 h4labs

我看不到你的小提琴，但瓦特/寫代碼，我覺得你想要的是一個包含VBOX面板兩個面板佈局：'Card'。

然後您可以放下任意數量的物品到面板中，Sencha會爲您完成剩下的工作。

請讓我知道如果這不起作用，我會嘗試找時間給你寫一些代碼。

祝你好運，布拉德

來源

2013-07-10 15:19:25 bwags

看來SenchaFiddle壞了。所有的代碼都在我的問題。它可以簡單地複製/粘貼到任何senchafiddle。 – h4labs

這是不是工作？ – bwags

我不知道我明白了。這不可能是正確的？「layout：'Card'.hbox」我正在使用卡片佈局。我希望整個標籤可以水平滾動，並有3個獨立的面板。 – h4labs

使容器水平滾動？

回答

相關問題