Extjs Ext JS：更改选项卡时滚动重置

我正在使用ExtJSV4.2.1在屏幕中绘制一个选项卡面板，并在每个选项卡中显示一些内容，这些内容可能会变得非常大。为此，我使用了如下内容：

var createTab = function (tabName, panelName){
                    return {xtype: 'container',
                            title: tabName,
                            autoScroll: true,
                            layout: {
                                type: 'vbox',
                                align: 'stretch'
                            },
                            items: [
                                {
                                    title: panelName,
                                    items: [Ext.create( 'MyLongView' )]
                                }
                            ]};
            };

var tabPanel = new Ext.tab.Panel({
            renderTo: 'testDiv',
            flex: 1,
            border: false,
            itemId: 'tabPanel',
            items: [createTab('First Tab', 'First Panel'),
                    createTab('Second Tab', 'Second Panel')]
        });

当我在Internet Explorer中尝试该代码时，每次更改选项卡都会将滚动位置重置为顶部，这是一个在Chrome或Firefox中都不会发生的错误。要复制它，请在IE窗口中执行以下步骤：

创建一个选项卡面板，其中包含到个选项卡

在第一个选项卡中，向下滚动至底部

然后，选择第二个选项卡

最后，返回到第一个选项卡。您将看到，您留在底部的滚动条现在位于顶部

预期的行为是滚动条停留在您留下的位置。通过搜索Sencha论坛，我发现他们建议使用

隐藏模式：“偏移量”

，但这对我不起作用。有什么想法吗

---

附言：我。请在IE上试试（我不知道为什么它在Chrome/Firefox上不起作用）。

你想阻止滚动吗？还是希望所有浏览器都滚动到顶部？不清楚你想做什么。我编辑了这篇文章，让它更清楚。你说你使用的是4.2.1，但使用的是tag

extjs4.1

。哪一个是正确的？我记得有一个bug导致了您描述的行为，但据我所知，它是用4.2修复的。我使用的是ExtJSVersion4.2.1。我已经更新了小提琴，以反映正确的版本，错误仍然存在