Scroll TRigger fix in Navbar

Author: RohanKumar01

Diff for: index.html

@@ -56,6 +56,7 @@ <h3>Let's Talk</h3>
           ></path>
         </svg>
       </button>
+      <div id="nav-bottom"></div>
     </nav>
     <div id="main">
       <div id="page1">

Diff for: script.js

@@ -50,9 +50,9 @@ function navAnimation() {
     scrollTrigger: {
       trigger: "#page1",
       scroller: "body",
-      // markers: true,
+      markers: true,
       //Markrs to see strt and end of scroll trigger
-      start: "top 50%",
+      start: "top 30%",
       scrub: true,
     },
   });
@@ -242,9 +242,9 @@ function loadingAnimaton() {
 
 // LocomotiveAnimation();
 
-// loadingAnimaton();
-// navAnimation();
-// page2Animation();
-// // page3VideoAnimation();
-// page4Videonimation();
-// page6Animation();
+loadingAnimaton();
+navAnimation();
+page2Animation();
+// page3VideoAnimation();
+page4Videonimation();
+page6Animation();

Diff for: style.css

@@ -111,7 +111,7 @@ nav button svg {
 } */
 
 #nav-bottom {
-  width: 79%;
+  width: 86.2%;
   height: 0vh;
   position: absolute;
   /* background-color: red; */