Merge pull request #63 from iceljc/features/refine-log-scroll-bar

refine auto scroll

Author: Oceania2018

src/routes/chat/[agentId]/[conversationId]/chat-box.svelte

@@ -468,19 +468,29 @@
 	function directToLog(messageId) {
 		if (!!!messageId || isLite) return;
 
+		const elements = [];
 		const contentLogElm = document.querySelector(`#content-log-${messageId}`);
-		const stateLogElm = document.querySelector(`#state-log-${messageId}`);
 		if (!!contentLogElm) {
-			contentLogElm.scrollIntoView({
-				behavior: 'smooth'
+			elements.push({
+				elm: contentLogElm,
+				wrapperName: '.content-log-scrollbar'
 			});
 		}
 		
+		const stateLogElm = document.querySelector(`#state-log-${messageId}`);
 		if (!!stateLogElm) {
-			stateLogElm.scrollIntoView({
-				behavior: 'smooth'
+			elements.push({
+				elm: stateLogElm,
+				wrapperName: '.state-log-scrollbar'
 			});
 		}
+
+		elements.forEach(item => {
+			const scrollElement = document.querySelector(item.wrapperName);
+			const logScroll = OverlayScrollbars(scrollElement, options);
+			const { viewport } = logScroll.elements();
+			viewport.scrollTo({ top: item.elm.offsetTop, behavior: 'smooth' });
+		});
 	}
 </script>