Distance tweaks for hidden loads

src/App.svelte

···
   // Infinite loading function
   const onInfinite = ({ detail: { loaded, complete } } : { detail : { loaded : () => void, complete : () => void}}) => {
     getNextPosts().then((newPosts) => {
+      console.log("Loading next posts...");
       if (newPosts.length > 0) {
         posts = [...posts, ...newPosts];
         loaded();
···
         <PostComponent post={postObject as Post} />
       {/each}
       <InfiniteLoading on:infinite={onInfinite} 
-        distance={0}
+        distance={3000}
       />
       <div id="spacer"></div>
     </div>