Improve auto-scroll snapping

12f6e5069d513f16083b918dcce409e6a8917195

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/script.js+14 -5 Viewed

+        }
     });
     const chatElementScroll = document.getElementById('chat');
-    chatElementScroll.addEventListener('wheel', function () {
+    const chatScrollHandler = function () {
-        scrollLock = true;
+        const scrollIsAtBottom = Math.abs(chatElementScroll.scrollHeight - chatElementScroll.clientHeight - chatElementScroll.scrollTop) < 1;
-    }, { passive: true });
-    chatElementScroll.addEventListener('touchstart', function () {
+        // Cancel autoscroll if the user scrolls up
+        if (scrollLock && scrollIsAtBottom) {
+            scrollLock = false;
+        }
+        // Resume autoscroll if the user scrolls to the bottom
+        if (!scrollLock && !scrollIsAtBottom) {
             scrollLock = true;
-    }, { passive: true });
+        }
+    };
+    chatElementScroll.addEventListener('wheel', chatScrollHandler, { passive: true });
+    chatElementScroll.addEventListener('touchmove', chatScrollHandler, { passive: true });
     chatElementScroll.addEventListener('scroll', function () {
         if (is_use_scroll_holder) {
             this.scrollTop = scroll_holder;