@@ -1,5 +1,4 @@
 // Element.getBoundingClientRect() method returns the size of an element and its position relative to the viewport.
-
 // pageYOffset is a read - only window property that returns the number of pixels the document has been scrolled vertically.
 // slice extracts a section of a string without modifying original string
 //offsetTop - A Number, representing the top position of the element, in pixels
@@ -33,8 +32,9 @@ const navbar = document.getElementById("nav");
 const topLink = document.querySelector(".top-link");
 
 window.addEventListener("scroll", function () {
-  const height = window.pageYOffset;
-  if (height > 96) {
+  const scrollHeight = window.pageYOffset;
+  const navHeight = navbar.getBoundingClientRect().height;
+  if (scrollHeight > navHeight) {
     navbar.classList.add("fixed-nav");
   } else {
     navbar.classList.remove("fixed-nav");
@@ -57,7 +57,7 @@ scrollLinks.forEach((link) => {
     // navigate to specific spot
     const id = e.currentTarget.getAttribute("href").slice(1);
     const element = document.getElementById(id);
-    // calculate heights
+
     const navHeight = navbar.getBoundingClientRect().height;
     const containerHeight = linksContainer.getBoundingClientRect().height;
     const fixedNav = navbar.classList.contains("fixed-nav");
@@ -69,6 +69,7 @@ scrollLinks.forEach((link) => {
     if (navHeight > 82) {
       position = position + containerHeight;
     }
+
     window.scrollTo({
       left: 0,
       top: position,
@@ -77,3 +78,4 @@ scrollLinks.forEach((link) => {
     linksContainer.style.height = 0;
   });
 });
+// calculate heights
@@ -1,5 +1,4 @@
 // Element.getBoundingClientRect() method returns the size of an element and its position relative to the viewport.
-
 // pageYOffset is a read - only window property that returns the number of pixels the document has been scrolled vertically.
 // slice extracts a section of a string without modifying original string
 //offsetTop - A Number, representing the top position of the element, in pixels
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`// Element.getBoundingClientRect() method returns the size of an element and its position relative to the viewport.`
`2`		`-`
`3`	`2`	`// pageYOffset is a read - only window property that returns the number of pixels the document has been scrolled vertically.`
`4`	`3`	`// slice extracts a section of a string without modifying original string`
`5`	`4`	`//offsetTop - A Number, representing the top position of the element, in pixels`