引言

给定一个包含 INLINECODE0e3648e3 元素的 HTML 文档，我们的任务是利用 jQuery 将滚动条的位置设置到 INLINECODE92703fe2 的底部。

下面是将 textarea 滚动条设置到底部的几种方法：

目录

• 使用 jQuery
• 使用 JavaScript

方法 1：使用 jQuery

• 获取 textarea 的 scrollHeight 属性。
• 使用 jQuery 的 scrollTop 属性 来设置垂直滚动条的位置。

示例： 此示例实现了上述方法。

 
 

 
    
    
    
    
    
    
        #t {
            height: 100px;
            width: 300px;
            background: green;
            color: white;
            text-align:justify;
        }
    
 

 
    
    
 
        计算机科学门户
    
    
    

    
    
            计算机科学门户是一个面向极客的
        计算机科学门户网站。它包含了
        编写良好、构思周密且解释清晰的
        计算机科学和编程文章、测验等。
        它还包含练习部分，有助于练习
        数据结构和算法问题。
        本门户网站提供就业课程、
        DSA 课程、机器学习课程以及其他
        线上和线下课程，这将有助于
        就业并增长知识。
    
    
    

    
     
        点击这里
    
    
    

    
    
    
        let el_up = document.getElementById("GFG_UP");
        let el_down = document.getElementById("GFG_DOWN");
        
        el_up.innerHTML = "点击按钮将"
                + "滚动条设置到底部";
        
        function gfg_Run() {
            $(document).ready(function(){
                let $text = $(‘#t‘);
                $text.scrollTop($text[0].scrollHeight);
            });
            
            el_down.innerHTML = 
                "滚动条已移至底部。";
        }         
     
 

输出：

（注：此处为演示效果的 GIF 动图，显示点击按钮后滚动条滑至底部的过程）

方法 2：使用 JavaScript

• 此示例通过 JavaScript 完成同样的工作。
• 获取 textarea 的 scrollHeight 属性。
• 使用 scrollTop 属性 来设置垂直滚动条的位置。

示例： 此示例实现了上述方法。

 
 

 
    
    
    
    
    
    
        #t {
            height: 100px;
            width: 300px;
            background: green;
            color: white;
            text-align:justify;
        }
    
 

 
    
    
 
        计算机科学门户
    
    
    

    
    
            计算机科学门户是一个面向极客的
        计算机科学门户网站。它包含了
        编写良好、构思周密且解释清晰的
        计算机科学和编程文章、测验等。
        它还包含练习部分，有助于练习
        数据结构和算法问题。
        本门户网站提供就业课程、
        DSA 课程、机器学习课程以及其他
        线上和线下课程，这将有助于
        就业并增长知识。
    
    
    

    
     
        点击这里
    
    
    

    
    
    
        let el_up = document.getElementById("GFG_UP");
        let el_down = document.getElementById("GFG_DOWN");
        
        el_up.innerHTML = "点击按钮将"
                + "滚动条设置到底部";
        
        function gfg_Run() {
            let text = document.getElementById(‘t‘);
            text.scrollTop = text.scrollHeight;
        }