我正在编写一个聊天应用程序,将新消息添加到的底部<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] 删除。
我来说两句