垂直滚动条在 IE 11 中对于 textarea 不可见答案

【问题标题】：Vertical Scrollbar is not visible in IE 11 for textarea垂直滚动条在 IE 11 中对于 textarea 不可见
【发布时间】：2018-09-20 02:48:24
【问题描述】：

我在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 中将它运行到提琴手时，我看不到滚动。我附上截图。

任何建议或帮助。

【问题讨论】：

您的内容是否被剪裁（不可读）以便滚动显示在那里？

标签： javascript html extjs extjs6

【解决方案1】：

这只是 IE 就是 IE ...如果您提供特定的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

【讨论】：