:recycle: trying intersection listener on route change instead

vue-theme/src/pages/list.vue

@@ -187,24 +187,22 @@ export default {
             }
 
             if (!this[`all${type}Loaded`] || sort) this.getPosts(true)
+
+            // Add the infinite scroll load
+            window.removeEventListener("load", e => {}, false)
+            window.addEventListener("load", e => {
+                const footerEl = document.querySelector(".footer-wrapper footer")
+                const observer = new IntersectionObserver(this.loadMorePosts, {
+                    rootMargin: "0px 0px -20px 0px",
+                })
+                observer.observe(footerEl)
+            }, false)
         },
     },
     mounted() {
         if (this.$route.hash) {
             setTimeout(() => this.scrollTo(this.$route.hash), TIMEOUT)
         }
-
-        // Add the infinite scroll load
-        window.addEventListener("load", e => {
-            const footerEl = document.querySelector(".footer-wrapper footer")
-            const observer = new IntersectionObserver(this.loadMorePosts, {
-                rootMargin: "0px 0px 50px 0px",
-            })
-            observer.observe(footerEl)
-        }, false)
-    },
-    unmounted() {
-        window.removeEventListener("load", e => {}, false)
     },
     created() {
         let type = convertTitleCase(this.type) + 's'