add: 列表自动滚动到底部

Frontend/Shared/ChatZone.razor

@@ -1,8 +1,9 @@
 @using Frontend.Models
 @using Katheryne.Abstractions
+@inject IJSRuntime JsRuntime
 
 <div class="content-zone">
-    <div class="chat-zone">
+    <div class="chat-zone" id="chat-scroll-zone">
         <AntList TItem="ChatMessage" DataSource="@Messages" Split="@false">
             <ListItem>
                 @if (context.Left)
@@ -76,6 +77,15 @@
         base.OnInitialized();
     }
 
+    protected override void OnAfterRender(bool firstRender)
+    {
+        if (!firstRender)
+        {
+            JsRuntime.InvokeVoidAsync("scrollToSection");
+        }
+        base.OnAfterRender(firstRender);
+    }
+
     private void SendMessageClicked()
     {
         if (string.IsNullOrWhiteSpace(MessageSending))