Update app.py

app.py

@@ -104,7 +104,7 @@ def respond(message, api_key, max_tokens, top_p, temperature):
 def render_message(history):
     messages_html = """
     <div id="chatbox-container" class="chatbox">
-        <div id="messages">""" 
+        <div id="messages">"""
 
     for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history:
         if user_message:
@@ -124,18 +124,28 @@ def render_message(history):
     </div>
 
     <script>
+        function saveScrollPosition() {
+            var chatbox = document.getElementById('chatbox-container');
+            return chatbox.scrollTop;
+        }
+
+        function restoreScrollPosition(scrollPosition) {
+            var chatbox = document.getElementById('chatbox-container');
+            chatbox.scrollTop = scrollPosition;
+        }
+
         function scrollToBottom() {
             var chatbox = document.getElementById('chatbox-container');
-            setTimeout(function() {
-                chatbox.scrollTop = chatbox.scrollHeight;
-            }, 500); 
+            chatbox.scrollTop = chatbox.scrollHeight;
         }
 
-        window.onload = function() {
-            scrollToBottom();
-        };
+        var previousScrollPosition = saveScrollPosition();
+
+        setTimeout(function() {
+            restoreScrollPosition(previousScrollPosition);
+            scrollToBottom();  
+        }, 100);  
 
-        scrollToBottom();
     </script>
     """