自 ExtJS 4.2.4 以来 IE11 中缺少垂直滚动条答案

【问题标题】：Vertical scrollbar missing in IE11 since ExtJS 4.2.4自 ExtJS 4.2.4 以来 IE11 中缺少垂直滚动条
【发布时间】：2016-12-02 21:26:17
【问题描述】：

我还是和 Vaccano here 一样的问题！当我在 IE11 中使用大于 4.2.3 的 ExtJS 时，没有滚动条。我试过 4.2.4 - 4.2.6。

我使用视口：

launch: function() {
    var vp = Ext.create('ABC.view.Viewport', {
        items:[
            {xtype: 'MyFormPanel'}
        ]
    });
    vp.setAutoScroll(true);
}

MyFormPanel 没有高度，是一个锚布局。我尝试了其他布局，但没有任何变化。

有什么想法吗？（我目前无法升级到 ExtJS 5）

更新： 这是一个小提琴，但它不起作用。我不知道为什么。 https://fiddle.sencha.com/fiddle/1ic4

煎茶的回答：

块引用我们的首席工程师提到，视口只是根据不断变化的浏览器升级和设备/触摸支持的开始所需的变化而演变。
他引用的一些资源在另一份报告中详细说明：
http://www.quirksmode.org/mobile/viewports.html
http://www.quirksmode.org/mobile/viewports2.html
这不是我们刚决定要做的事情，而是为了进化而做的。
这在 6.2 中发生了很大变化，随着将现代/经典合并到同一框架中并为所有可能的选项提供支持而进一步发展。
我们希望这有助于解释我们做出这些更改的原因。

【问题讨论】：

Vaccano 不使用 ExtJS，因此问题可能完全不同。请制作一个煎茶小提琴供我们检查。
这也需要煎茶支持，但我无法创建它，因为它太“复杂”了。他们为我创造了一个简单的小提琴，当然有效。
但如果我们无法重现该问题，我们将无法帮助您。问题出在您的代码中，我们无权访问。
寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建最小、完整和可验证的示例。
我修复了你的fiddle。但我没有找到 ExtJS 4.2.4

标签： extjs

【解决方案1】：

出于某种原因（您必须询问 Sencha 官方确切原因）Sencha 决定，从 4.2.4 开始，将内联样式 overflow: auto; 插入到 html 标记中，这是 body 的一部分在此之前标记。似乎 IE 处理 html 标记与 body 标记不同。

对于给定的组件结构，我没有找到简单的修复方法，但是您可以使用过度嵌套来让组件做您想做的事情，这至少在我的测试期间有效：

var vp = Ext.create('CUN.view.Viewport', {
    layout:'fit',
    items:[{
        xtype:'container',
        overflowY:'auto',
        items: [
            {xtype: 'AngebotErstellen'}
        ]
    }]
});

【讨论】：

我会问煎茶！