如何在 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 }]
                        }]
            }]

谢谢。

Answer 1

我可以在您的代码中看到 autoScoll 而不是 autoScroll: true。这似乎是一个错字。看看这个。

Answer 2

你试过这个吗 -

overflowY: 'scroll'

这是文档中的内容 -

'scroll' to always enable vertical scrollbar (Style overflow-y: 'scroll').

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

Answer 3

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

Answer 4

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

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

无论内容如何都强制垂直滚动，您可以通过 Ext.scroll.Scroller 配置：

scrollable: {
    y: 'scroll'
}

如何在 extjs 中放置垂直滚动条

How can I put a vertical scrollbar in extjs

extjs

scrollbar