如何在文本区域中显示文本的结尾

Posted 2023-05-07

【中文标题】如何在文本区域中显示文本的结尾

【英文标题】：How to show the end of text in a textarea

【发布时间】：2018-07-18 15:33:01

【问题描述】：

我有一个 html 页面，其中包含一个带有长文本的文本区域。

目前，当我打开页面时，我会在 textarea 中看到文本的开头，并且必须向下进入 textarea 才能看到文本的结尾。

有没有办法让浏览器自动在 textarea 中显示文本的结尾（这样用户就必须进入 textarea 内才能看到它的开头）？

【问题讨论】：

How do I set textarea scroll bar to bottom as a default?的可能重复

【参考方案1】：

你不能单独使用 html，而是使用 javascript 滚动到此处提到的文本区域的底部 - How do I set textarea scroll bar to bottom as a default?

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

【参考方案2】：

演示

var elmnt = document.getElementById("target");
elmnt.scrollIntoView();

.content
  border:1px solid black;
  height:1000px;

.a
  border:1px solid black;
  width:100%;
  height:200px;

<div class="content">
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a"></div>
<div class="a">textArea:<input type="textarea" id="target"></div>
</div>