我有一个文本区域,当用户输入被发送进来时,它会被动态重新加载。它每隔几秒钟就会刷新一次。当此文本区中的文本量超过文本区的大小时,会出现滚动条。然而,滚动条并不是真正可用的,因为如果你开始向下滚动,几秒钟后文本区就会刷新,并将滚动条带回顶部。我想将滚动条设置为默认显示最底部的文本。有人知道该怎么做吗?
发布于 2012-02-07 11:42:51
非常简单,在vanilla javascript中:
var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;
发布于 2012-02-07 11:51:54
您可以将其与jQuery一起使用
$(document).ready(function(){
var $textarea = $('#textarea_id');
$textarea.scrollTop($textarea[0].scrollHeight);
});
发布于 2020-10-25 09:13:47
在您的HTML中...
<textarea id="logTextArea" style="width:600px;height:200px;"></textarea>
在你的Javascript中。
<script language="javascript">
function loadLog(logValue) {
logTa = document.getElementById("logTextArea")
logTa.value = logValue;
scrollLogToBottom()
}
function scrollLogToBottom() {
logTa = document.getElementById("logTextArea")
logTa.scrollTop = logTa.scrollHeight;
}
loadLog("This is my really long text block from a file ... ")
</script>
我发现在将新值加载到文本区域后,需要将设置scrollHeight的代码放入一个单独的函数中。
https://stackoverflow.com/questions/9170670
复制相似问题