add offset and skeleton list to make infinite scrolling feel smoother

abhisheknaiidu · Oct 10, 2020 · 7f94901 · 7f94901
1 parent 3a5292c
commit 7f94901
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/SongList.js b/src/components/SongList.js
@@ -77,7 +77,7 @@ function SongList() {
     if (!el) {
       return false;
     }
-    const result = el.getBoundingClientRect().bottom <= window.innerHeight && window.scrollY > lastScrollPosition;
+    const result = (el.getBoundingClientRect().bottom - 500) <= window.innerHeight && window.scrollY > lastScrollPosition;
     lastScrollPosition = window.scrollY;
     return result;
   }
@@ -229,7 +229,7 @@ function SongList() {
         ))}
       </div>
       { songFetchMoreRunning && 
-        [...Array(10)].map((i, j) => (
+        [...Array(2)].map((i, j) => (
           <SkeletonList key={j} />
         ))
       }