js/Main.js in jekyll-theme-fica-0.2.2 vs js/Main.js in jekyll-theme-fica-0.3.0

@@ -1,8 +1,9 @@
-const nav = document.getElementById("nav")
-const navcheck = document.getElementById("check")
+const nav = document.getElementById("site-nav")
+const navcheck = document.getElementById("site-nav-check")
 const screenWidth = window.innerWidth;
+const headers= document.getElementsByTagName('h1', "h2", "h3", "h4", "h5")
 window.addEventListener("resize", function () {
     if (window.innerWidth !== screenWidth) {
         // Do something
         if (screenWidth < 1993) {
             document.getElementById("banner-content").style.transform = "translateX(0)";
@@ -16,6 +17,58 @@
     document.documentElement.style.overflow = "hidden";
     } else {
     nav.style.position = "static";
     document.documentElement.style.overflow = "auto";
     }
+});
+// window.onscroll = function() {NavBar()};
+
+// var navbar = document.getElementById("nav");
+// var navbaroffset = navbar.offsetTop;
+
+// function NavBar() {
+//   if (window.pageYOffset >= 30) {
+//     navbar.classList.add("sticky")
+//   } else {
+//     navbar.classList.remove("sticky");
+//   }
+// }
+
+// function scrollTo(element, to, duration) {
+//   if (duration <= 0) return;
+//   var difference = to - element.scrollTop;
+//   var perTick = difference / duration * 10;
+
+//   setTimeout(function() {
+//       element.scrollTop = element.scrollTop + perTick;
+//       if (element.scrollTop === to) return;
+//       scrollTo(element, to, duration - 10);
+//   }, 10);
+// }
+// scrollTo(document.body, headers.offsetTop, 600);
+window.addEventListener("DOMContentLoaded", () => {
+  const observer = new IntersectionObserver((entries) => {
+    if (document.querySelector("#toc")) {
+      entries.forEach((entry) => {
+        const id = entry.target.getAttribute("id");
+        if (entry.isIntersecting === true) {
+          document.querySelector(`main li a[href="#${id}"]`).parentElement.classList.add("active");
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.remove("decative");
+        } else {
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.remove("active");
+          document
+            .querySelector(`main li a[href="#${id}"]`)
+            .parentElement.classList.add("decative");
+        }
+      });
+    }
+  });
+
+  // Track all sections that have an `id` applied
+  document.querySelectorAll("h1[id], h2[id], h3[id]").forEach((h1, h2, h3) => {
+    observer.observe(h1, h2, h3);
+  });
 });
\ No newline at end of file