怎样通过jquery控制文本域随着文本向下滚动

可以使用 jQuery 中的 scrollTop() 方法来控制文本域随着文本向下滚动。具体步骤如下：

1. 创建一个文本域，例如：

<textarea id="my-textarea" rows="10"></textarea>

2. 使用 jQuery 选择该文本域，并获取其高度和滚动条高度，例如：

var textarea = $("#my-textarea");
var height = textarea.height(); // 获取文本域的高度
var scrollHeight = textarea.prop("scrollHeight"); // 获取文本域的滚动条高度

3. 监听文本域的输入事件，每次输入时更新滚动条的位置，例如：

textarea.on("input", function() {
  // 获取当前文本域的滚动条高度
  var currentScrollHeight = textarea.prop("scrollHeight");
  // 计算需要滚动的距离
  var distance = currentScrollHeight - scrollHeight;
  // 更新滚动条位置
  textarea.scrollTop(textarea.scrollTop() + distance);
  // 更新滚动条高度
  scrollHeight = currentScrollHeight;
});

以上代码会监听文本域的输入事件，在每次输入时计算当前滚动条高度和之前的滚动条高度之差，然后更新滚动条的位置。这样就可以实现文本域随着文本向下滚动的效果了。