如何在Angular中动态滚动<textarea>?

devteam6

我正在编写一个聊天应用程序,将新消息添加到的底部<textarea>我希望textarea滚动到底部,因为聊天记录很大。

我该怎么做?

我尝试了以下操作,并且scrollTop属性未滚动我的textarea

<textarea #chat class="form-control" rows=20 disabled [(ngModel)]="output" [scrollTop]="scroll" name="chatMessages"></textarea>

但是,this.scroll=9999不会改变的结合scrollTop的值9999我控制台日志this.scroll,它的值为9999,但我textarea没有深入探讨!

请我需要帮助,谢谢!

星空

我想出了一种更简单的方法,即使ngModel实时更改(聊天),该方法也会自动滚动到底部只需要将scrollTop property当前文本区域映射为scrollHeight

<textarea [(ngModel)]="..." #textarea [scrollTop]="textarea.scrollHeight"></textarea>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章