如何让textarea在更新时保持滚动到底部

Question

我的问题是这里的袖口有点偏,所以我会尽力解释这个.

我有一个文本区域,有css #object{overflow:hidden;resize:none;}.我试图阻止它产生滚动条,同时也调整自己的大小.此textarea与外部脚本的控制台同步,这意味着它会更新.但是,默认情况下,它将保持在顶部,除非您突出显示文本,拖动到元素的底部.这自然是向下滚动而不是使用箭头键的唯一方法.

以编程方式,是否有任何方法可以在更新时将文本区域保持在底部？让它自动滚动以适应其用例会很不错.

Answer 1

你可以通过javascript来做到这一点.使用如下scrollTop属性设置文本区域的scrollHeight属性:

document.getElementById("textarea").scrollTop = document.getElementById("textarea").scrollHeight 

Answer 2

通过使用jQuery,您可以查看textarea更改内容的使用时间:

$("#object").change(function() {
  scrollToBottom();
});

并使用以下方式滚动到底部:

function scrollToBottom() {
  $('#object').scrollTop($('#object')[0].scrollHeight);
}

从jquerybyexample.blogspot.com获取的滚动代码.

Answer 3

使用Javascript

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

使用Jquery

$('#textarea_id').scrollTop($('#textarea_id')[0].scrollHeight);???