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

时间:2016-10-11 13:09:22

标签: extjs

我仍然遇到像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

来自Sencha的回答:

  

块引用   我们的首席工程师提到,视口已根据不断变化的浏览器升级和设备/触摸支持的开始所需的变化而发展。   他引用的一些资源在另一份报告中详述:   http://www.quirksmode.org/mobile/viewports.html
  http://www.quirksmode.org/mobile/viewports2.html
  这不是我们刚刚决定做的事情,但它是为了进化而完成的   这在6.2中发生了很大的变化,进一步发展,将现代/经典融合到同一框架中并为所有可能的选项提供支持。
  我们希望这有助于解释我们对这些变化的推理。

1 个答案:

答案 0 :(得分:0)

出于某种原因(你必须向Sencha官员询问原因)从4.2.4开始,Sencha决定在html标签中插入内联样式overflow: auto;,它是之前的body标记。似乎IE处理html标记的方式与body标记不同。

我没有找到给定组件结构的简单修复,但你可以使用过度使用来让组件按你想要的去做,这至少在我的测试中起作用了:

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