Merge pull request #2546 from SillyTavern/scrollsnap Improve auto-scroll snapping

b3c2f37a0c041f6644e010f528cf6f870505e937

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

Signed

public/script.js+20 -6 Viewed

+        }
     });
     const chatElementScroll = document.getElementById('chat');
-    chatElementScroll.addEventListener('wheel', function () {
+    const chatScrollHandler = function () {
-        scrollLock = true;
+        if (power_user.waifuMode) {
-    }, { passive: true });
+            scrollLock = true;
-    chatElementScroll.addEventListener('touchstart', function () {
+            return;
-        scrollLock = true;
+        }
-    }, { passive: true });
+        const scrollIsAtBottom = Math.abs(chatElementScroll.scrollHeight - chatElementScroll.clientHeight - chatElementScroll.scrollTop) < 1;
+        // Resume autoscroll if the user scrolls to the bottom
+        if (scrollLock && scrollIsAtBottom) {
+            scrollLock = false;
+        }
+        // Cancel autoscroll if the user scrolls up
+        if (!scrollLock && !scrollIsAtBottom) {
+            scrollLock = 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;