如何在ExtJS中添加垂直滚动条

Question

我使用extjs构建门户网站，并遇到以下问题。图像的高度超过选项卡（在右侧）。我想在此选项卡上添加垂直滚动条。在extjs中如何实现这一点？

这是我的代码的一部分：

   items: [{
                xtype: 'tabpanel',
                activeTab: 0,
                flex: 2,
                items: [{
                        xtype: 'panel',
                        title: 'Images',
                        items: [{contentEl:'img',autoScoll: true,height:11200,overflowY : String }]
                 },{    
                        xtype: 'panel',
                        title: 'Material',
                        items: [{contentEl:'msg',autoScoll: true,height:11200,overflowY : String }]
                        }]
            }]

谢谢。

- user1919

Answer 1

我在你的代码中看到了autoScoll，而不是autoScroll: true。 这似乎是一个笔误。 请检查一下。

- abarisone

---

你是对的。我看了30分钟感觉很愚蠢。高度有类似于autoheight的东西吗？谢谢。 - user1919

如果我没记错的话，你可以使用类似height:auto这样的东西。 - abarisone

Answer 2

尝试添加layout:fit和autoScroll:true。

- varunm

Answer 3

你尝试过这个吗 -

overflowY: 'scroll'

这是文档中的内容：

'scroll'用于始终启用垂直滚动条（样式overflow-y：'scroll'）。

http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.Component-cfg-overflowY

- Yellen

Answer 4

对于ExtJS 6，您可以使用Ext.panel.Panel.scrollable。

要启用垂直滚动，可以将其设置为scrollable: 'vertical'。

要强制进行垂直滚动而不考虑内容，则可以传递Ext.scroll.Scroller配置：

scrollable: {
    y: 'scroll'
}

- Sergey Novikov