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',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;