Scroll infinite.

Browse Source
This commit is contained in:
retoor 2025-02-17 20:00:35 +01:00
parent 6bdc6a7347
commit c042af8b80
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/snek/templates/web.html
View File

@ -62,7 +62,7 @@
let scrollTop = messagesContainer.scrollTop; let scrollTop = messagesContainer.scrollTop;
let scrollableHeight = messagesContainer.scrollHeight - messagesContainer.clientHeight; let scrollableHeight = messagesContainer.scrollHeight - messagesContainer.clientHeight;
if (scrollTop > scrollableHeight / 2) { if (scrollTop < scrollableHeight / 2) {
return true; return true;
} }
return false; return false;
@ -89,10 +89,11 @@
const messages = await app.rpc.getMessages(channelUid, 1, firstMessage.dataset.created_at); const messages = await app.rpc.getMessages(channelUid, 1, firstMessage.dataset.created_at);
isLoadingExtra = false;
messages.forEach((message) => { messages.forEach((message) => {
firstMessage.insertAdjacentHTML("beforebegin", message.html); firstMessage.insertAdjacentHTML("beforebegin", message.html);
}) })
isLoadingExtra = false; updateLayout(false);
} }
messagesContainer.addEventListener("scroll",()=>{ messagesContainer.addEventListener("scroll",()=>{
loadExtra() loadExtra()