extjs 6を取得して内部パネルをスクロールするビューポート

Question

私はスクロールバーを表示できない非常に簡単な例があります。私は、ビューポートのレイアウトを境界線に変更しようとしましたが、パネルの領域は中央に表示されますが、ヘルプは表示されません。

https://fiddle.sencha.com/#fiddle/18no

var brs = '<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi'; 


Ext.application({ 
name: 'Fiddle', 

launch: function() { 
    Ext.create('Ext.container.Viewport', { 
     layout: 'fit', 
     autoScroll: true, 
     items: [ 
      Ext.create('Ext.panel.Panel',{ 
      html: brs 
     })] 
    }); 

} 
}); 

Answer 1

のExtJS 6.0のまず第一に、あなたがscrollable: trueを使用する必要があります：ここで

はフィドルとコードです。

fitレイアウトを使用している場合は、scrollable設定を内側の項目に配置する必要があります。

（example 1またはexample 2）このような