代码之家  ›  专栏  ›  技术社区  ›  David

垂直滚动条在IE 11中文本区域不可见

  •  0
  • David  · 技术社区  · 7 年前

    TextArea 因为我给了一个垂直的滚动条,我的文本区域是只读的。但我注意到我的滚动条在IE11中不可见。上下箭头来了,但滚动条不来。

    我的代码:

    Ext.create('Ext.form.FormPanel', {
        title      : 'Sample TextArea',
        width      : 400,
        bodyPadding: 10,
        renderTo   : Ext.getBody(),
        items: [{
            xtype     : 'textareafield',
            grow      : true,
            name      : 'message',
            fieldLabel: 'Message',
           /* disabled : true,*/
           readOnly : true,
            value : 'abcaaaaaaaaasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssswwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
            anchor    : '100%'
        }]
    });
    

    当我在IE11中遇到fiddler时,我看不到卷轴。我附上截图。

    Fiddler Image

    任何建议或帮助。

    1 回复  |  直到 7 年前
        1
  •  0
  •   Akrion    7 年前

    那只是。。。如果你提供具体的 height (就像这次我和 100 )为了这个 textarea IE将显示滚动条。。。默认情况下,它看起来很难看,有两个大箭头:

    Ext.create('Ext.form.FormPanel', {
    title      : 'Sample TextArea',
    width      : 400,
    bodyPadding: 10,
    renderTo   : Ext.getBody(),
    items: [{
        xtype     : 'textareafield',
        grow      : true,
        height    : 100,
        name      : 'message',
        fieldLabel: 'Message',
       /* disabled : true,*/
       readOnly : true,
        value : 'abcaaaaaaaaasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssswwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
        anchor    : '100%'
    }]
    });
    

    看到了吗 it here