[Frontend] Add animation when new message arrives

2020-05-30 10:51:24 +05:30 · 2020-05-30 10:51:24 +05:30 · 3325c83500
commit 3325c83500
parent 1abeac9f47
1 changed files with 8 additions and 0 deletions
--- a/chatto/src/main/javascript/ts/src/view/ChatView.ts
+++ b/chatto/src/main/javascript/ts/src/view/ChatView.ts
@ -82,6 +82,14 @@ export class ChatView implements Observer<ChatMessageViewModel> {
          // if (cd.data.length > 0) {
          //   this._userModel.notify();
          // }
+          $(this._messageContainer)
+          .stop()
+          .animate(
+            {
+              scrollTop: $(this._messageContainer)[0].scrollHeight,
+            },
+            1500
+          );
        }
        break;
      case "page":