如何在Angular中动态滚动？</h1> </div> </div> <div class="scisco-header-breadcrumb"> <div class="container-fluid"> <nav id="scisco-breadcrumb-menu" aria-label="breadcrumb"> <ol class="breadcrumb breadcrumb-links breadcrumb-dark"><li class="breadcrumb-item"><a href="https://it.jidaohang.com/"><i class="fas fa-home"></i></a></li><li class="breadcrumb-item"><a href="https://it.jidaohang.com/">论坛</a></li><li class="breadcrumb-item active">如何在Angular中动态滚动<textarea>？</li></ol> </nav> </div> </div> </header> <main id="scisco-main-wrapper"> <div class="container-fluid"> <div class="anspress" id="anspress"><div id="ap-single" class="ap-q clearfix" itemscope itemtype="https://schema.org/QAPage"> <div class="ap-question-lr row" itemprop="mainEntity" itemtype="https://schema.org/Question" itemscope=""> <div class="ap-q-left col-12 col-xl-9"> <div class="scisco-question-meta"> <span class='ap-display-meta-item views'><i class="apicon-eye"></i><i>7 浏览</i></span><span class='ap-display-meta-item active'><i class="apicon-pulse"></i><i><time class="published updated" itemprop="dateModified" datetime="">2023年6月14日</time></i></span> </div> <div ap="question" apid="286180"> <div id="question" role="main" class="ap-content"> <div class="scisco-sq"> <div class="scisco-sq-avatar"> <a href="#/user/anonymous/about/"> <img alt='' src='https://it.jidaohang.com/wp-content/uploads/ap_avatars/1bdc3d3a7a22d22eb8b3db7a1594991e.jpg' srcset='https://it.jidaohang.com/wp-content/uploads/ap_avatars/1bdc3d3a7a22d22eb8b3db7a1594991e.jpg 2x' class='avatar avatar-50 photo avatar-default' height='50' width='50' decoding='async'/> </a> </div> <div class="scisco-sq-content-wrapper"> <div class="scisco-sq-metas"> <div class="scisco-sq-metas-left"> <span class="ap-author" itemprop="author" itemscope itemtype="http://schema.org/Person"> 匿名的 </span> <a href="https://it.jidaohang.com/question/286180/" class="ap-posted"> <i class="fas fa-clock"></i><time itemprop="datePublished" datetime="2023-06-14T09:58:32+00:00">2023年6月14日</time> </a> <div class="scisco-sq-metas-comment-count"> <i class="fas fa-comment"></i><span itemprop="commentCount">0</span> Comments </div> </div> <div class="scisco-sq-metas-right"> </div> </div> <div class="scisco-sq-content" itemprop="text"> <h1 class="d-none" itemprop="name">如何在Angular中动态滚动<textarea>？</h1> <p>我正在编写一个聊天应用程序，在<code><textarea></code>的底部添加新消息。由于聊天记录较长，我希望<code>textarea</code>自动滚动到底部。</p> <p>我应该怎么做呢？</p> <p>我尝试了以下方法，但<code>scrollTop</code>属性并没有滚动我的<code>textarea</code>。</p> </p> <pre class="brush: xml"><textarea #chat class="form-control" rows=20 disabled [(ngModel)]="output" [scrollTop]="scroll" name="chatMessages">

然而，this.scroll=9999并没有改变scrollTop绑定到值9999的情况。我在控制台记录了this.scroll，其值是9999，但我的textarea没有滚动到底部！

请帮帮我，谢谢！