static/js/pager: Delay intersection observer from scroll event once

Replace instead of append

2 files changed, 26 insertions, 4 deletions

diff --git a/assets/js/index.js b/assets/js/index.js
index b4f0bcb..d6e325a 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -55,7 +55,7 @@
     const fragmentClear = (entries)=>{
         for(let entry = 0; entry < entries.length; entry++){
             if (self.location.hash) {
-                self.history.pushState(null, "", url1);
+                self.history.replaceState(null, "", url1);
             }
         }
     };
@@ -74,15 +74,25 @@
     };
     self.addEventListener("DOMContentLoaded", function() {
         scrollRestore(settings1, url1);
-        fragmentRelease(fragmentClear);
         self.addEventListener("click", function(event) {
             const up = document.getElementById("top");
             const back = document.getElementById("back");
             backTrack(back, up, event);
         });
     });
+    let scrolls = 0;
+    let once = (action)=>{
+        once = function() {};
+        action();
+    };
     self.addEventListener("scroll", function() {
         scrollTrack(settings1, url1);
+        if (scrolls > 3) {
+            once(function() {
+                fragmentRelease(fragmentClear);
+            });
+        }
+        scrolls++;
     });
 })();
 (function() {
diff --git a/static/js/pager.ts b/static/js/pager.ts
index 68708cc..7231161 100644
--- a/static/js/pager.ts
+++ b/static/js/pager.ts
@@ -56,7 +56,7 @@
   const fragmentClear = (entries) => {
     for (let entry = 0; entry < entries.length; entry++) {
       if (self.location.hash) {
-        self.history.pushState(null, "", url);
+        self.history.replaceState(null, "", url);
       }
     }
   };
@@ -78,7 +78,6 @@
 
   self.addEventListener("DOMContentLoaded", function () {
     scrollRestore(settings, url);
-    fragmentRelease(fragmentClear);
     self.addEventListener("click", function (event) {
       const up = document.getElementById("top");
       const back = document.getElementById("back");
@@ -86,7 +85,20 @@
     });
   });
 
+  let scrolls = 0;
+
+  let once = (action) => {
+    once = function () {};
+    action();
+  };
+
   self.addEventListener("scroll", function () {
     scrollTrack(settings, url);
+    if (scrolls > 3) {
+      once(function () {
+        fragmentRelease(fragmentClear);
+      });
+    }
+    scrolls++;
   });
 })();