Improve auto-scroll snapping

12f6e5069d513f16083b918dcce409e6a8917195

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

public/script.js+15 -6 Viewed

+        }
     });
     const chatElementScroll = document.getElementById('chat');
     chatElementScroll.addEventListener('wheel',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
 -        scrollLock = true;
 +        if (scrollLock && scrollIsAtBottom) {
 -    }, { passive: true });
 +            scrollLock = false;
 +        }
++
 +        // Resume autoscroll if the user scrolls to the bottom
 +        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;