rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve auto-scroll snapping

This commit is contained in:
Cohee 2024-07-22 23:07:51 +03:00
parent 256f0a58db
commit 12f6e5069d
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/script.js
View File

@ -9253,12 +9253,21 @@ jQuery(async function () {
} }
}); });
const chatElementScroll = document.getElementById('chat'); 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
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 () { chatElementScroll.addEventListener('scroll', function () {
if (is_use_scroll_holder) { if (is_use_scroll_holder) {
this.scrollTop = scroll_holder; this.scrollTop = scroll_holder;