html - FF 不自动滚动文本区域

Question

我有一个文本区域，当您填充几行并继续输入时，它不会自动向下滚动以便您可以看到您正在输入的内容。这只是一个 Firefox 问题。这是 CSS 和文本区域 HTML:

#msg {
  width: 380px;
  resize: none;
  margin-top: 10px;
  margin-bottom: 5px;
  border: 1px solid;
  border-color: #000;
  overflow: hidden;
  padding: 6px;
}

<textarea id="msg" rows=2></textarea>

“溢出:隐藏”是因为我不想要滚动条。将“cols”添加到文本区域没有任何区别。

感谢您的帮助!

Answer 1

我能想到一个解决方法，这只是一个想法。

在文本区域的onkeydown 事件中，如果您执行element.scrollTop=element.scrollHeight，它将始终滚动到文本区域的底部。您必须找到一种方法来滚动到插入符号位置而不是底部(以防他们编辑的文本不在底部)，您就完成了。