首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将文本区域滚动条设置为默认设置为底部?

如何将文本区域滚动条设置为默认设置为底部?
EN

Stack Overflow用户
提问于 2012-02-07 11:37:25
回答 4查看 106.4K关注 0票数 105

我有一个文本区域,当用户输入被发送进来时,它会被动态重新加载。它每隔几秒钟就会刷新一次。当此文本区中的文本量超过文本区的大小时,会出现滚动条。然而,滚动条并不是真正可用的,因为如果你开始向下滚动,几秒钟后文本区就会刷新,并将滚动条带回顶部。我想将滚动条设置为默认显示最底部的文本。有人知道该怎么做吗?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-02-07 11:42:51

非常简单,在vanilla javascript中:

代码语言:javascript
复制
var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;
票数 206
EN

Stack Overflow用户

发布于 2012-02-07 11:51:54

您可以将其与jQuery一起使用

代码语言:javascript
复制
$(document).ready(function(){
    var $textarea = $('#textarea_id');
    $textarea.scrollTop($textarea[0].scrollHeight);
});
票数 56
EN

Stack Overflow用户

发布于 2020-10-25 09:13:47

在您的HTML中...

代码语言:javascript
复制
<textarea id="logTextArea" style="width:600px;height:200px;"></textarea>

在你的Javascript中。

代码语言: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的代码放入一个单独的函数中。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9170670

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档