html - 带有溢出的文本区域：隐藏未在 Firefox 中显示新添加的行

Question

我正在使用带有样式的文本区域overflow:hidden来删除滚动，用户可以在此文本区域中插入文本行。

问题出在火狐上，当文本超过 textarea 的高度时，新行将不会出现在 textarea 上，我必须单击向下箭头键才能看到它们，而它在其他浏览器上工作得很好。

我的意思是，overflow:hidden在 Firefox 上使用样式在 textarea 上编写多行将只显示第一行，直到它到达文本区域的末尾，其余的被隐藏，你需要移动光标才能到达它们。

我希望光标位于我正在编写的行上，并在 textarea 的视图中显示这一行

我根本不想使用 javascript

这是一个示例代码：

HTML：

<textarea></textarea>

CSS：

textarea{
    overflow:hidden;
    height:50px;
    width:200px;
    resize: none;
}

只有HTML 和 CSS 有什么可能的解决方案吗？

score 1 · Accepted Answer

所以你不想滚动并且问题只出现在Firefox上然后你可以这样做，

向文本区域添加字符限制。链接：http ://unwrongest.com/projects/limit/
使用 textarea auto-grow 插件自动扩展 textarea 高度，请点击此处http://unwrongest.com/projects/elastic/

score 0 · Accepted Answer

嗨，你为什么不使用 jQuery？它不像传统的 js 那样麻烦 :)

$('textarea').keyup(function(){
    $(this).scrollTop(9999)
})

2 回答 2