diff --git a/templates/index.html b/templates/index.html
index 27c38a2..1464f50 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1155,7 +1155,7 @@ async function loadConversation(convId) {
container.innerHTML = '';
conversationHistory = [];
data.messages.forEach(msg => { appendMessage(msg.role, msg.content, false, false, null, msg.perplexity); conversationHistory.push({ role: msg.role, content: msg.content }); });
- scrollToLatest();
+ scrollToLatest();
await loadConversations();
} catch(e) {}
}
@@ -1650,7 +1650,11 @@ function toggleDirection() {
}
let _userScrolledAway = false;
document.getElementById('chatContainer')?.addEventListener('scroll', function() {
- _userScrolledAway = this.scrollTop > 100;
+ if (_waterfallDirection === 'newest') {
+ _userScrolledAway = this.scrollTop > 100;
+ } else {
+ _userScrolledAway = this.scrollTop < this.scrollHeight - this.clientHeight - 60;
+ }
}, { passive: true });
function scrollToLatest() {
const c = document.getElementById('chatContainer');
@@ -1659,7 +1663,11 @@ function scrollToLatest() {
if (_userScrolledAway) return;
c.scrollTop = 0;
} else {
- c.scrollTop = c.scrollHeight;
+ if (_userScrolledAway) return;
+ requestAnimationFrame(() => {
+ const cc = document.getElementById('chatContainer');
+ if (cc) cc.scrollTop = cc.scrollHeight;
+ });
}
}
function resetScrollLock() { _userScrolledAway = false; }