fix: infinite scroll on mobile

khoaxuantu · Jan 1, 2024 · 4f22fa5 · 4f22fa5
1 parent aad3d9d
commit 4f22fa5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/blogs/blogs.tsx b/src/components/blogs/blogs.tsx
@@ -48,7 +48,7 @@ export function BlogsList(props: {blogInfoList: { dictKey: string; date: string;
  const scrollHeight = document.documentElement.scrollHeight;
  const clientHeight = document.documentElement.clientHeight;
 
- if (scrollTop + clientHeight >= scrollHeight && hasMore) {
+ if (scrollTop + clientHeight >= scrollHeight - 100 && hasMore) {
  setStartId(startId => startId + blogsNum);
  }
  }

diff --git a/src/components/guestbook/list.tsx b/src/components/guestbook/list.tsx
@@ -42,7 +42,7 @@ function GuestbookList({maxGuests} : {maxGuests: number}) {
  const scrollHeight = document.documentElement.scrollHeight;
  const clientHeight = document.documentElement.clientHeight;
 
- if (scrollTop + clientHeight >= scrollHeight && hasMore) {
+ if (scrollTop + clientHeight >= scrollHeight - 100 && hasMore) {
  setStartId(startId => startId + messageNums);
  }
  }