slide bug

components/collabsider.vue

@@ -53,8 +53,6 @@
     })
     let links = gsap.utils.toArray("div#myDiv ul li a");
     let lis = gsap.utils.toArray("div#myDiv ul li");
-    let zhuti = gsap.utils.toArray("main")
-    let mydiv = gsap.utils.toArray("#myDiv")
     lis[0].classList.add("active");
     links[0].classList.add("active");
     links.forEach(a => {
@@ -74,23 +72,7 @@
         gsap.to(window, { duration: 1, scrollTo: linkST.start, overwrite: "auto" });
       });
     });
-    zhuti.forEach(a => {
-      let element = a
-      ScrollTrigger.create({
-        trigger: element,
-        start: "top top",
-        end: "bottom center",
-        onEnter: self => show(mydiv[0]),
-        onLeaveBack: self => hide(mydiv[0])
-      })
-    })
-    // function hide(x) {
-    //   x.classList.remove("translate-y-[-50%]")
-    // }
-  
-    // function show(x) {
-    //   x.classList.add("translate-y-[-50%]")
-    // }
+
   
     function setActive(link, li) {
       links.forEach(el => el.classList.remove("active"));

components/hpsider.vue

@@ -52,8 +52,6 @@ onMounted(() => {
   })
   let links = gsap.utils.toArray("div#myDiv ul li a");
   let lis = gsap.utils.toArray("div#myDiv ul li");
-  let zhuti = gsap.utils.toArray("main")
-  let mydiv = gsap.utils.toArray("#myDiv")
   lis[0].classList.add("active");
   links[0].classList.add("active");
   links.forEach(a => {
@@ -73,23 +71,7 @@ onMounted(() => {
       gsap.to(window, { duration: 1, scrollTo: linkST.start, overwrite: "auto" });
     });
   });
-  zhuti.forEach(a => {
-    let element = a
-    ScrollTrigger.create({
-      trigger: element,
-      start: "top top",
-      end: "bottom center",
-      onEnter: self => show(mydiv[0]),
-      onLeaveBack: self => hide(mydiv[0])
-    })
-  })
-  // function hide(x) {
-  //   x.classList.remove("translate-y-[-50%]")
-  // }
 
-  // function show(x) {
-  //   x.classList.add("translate-y-[-50%]")
-  // }
 
   function setActive(link, li) {
     links.forEach(el => el.classList.remove("active"));

components/mapSider.vue

@@ -59,13 +59,10 @@
     tmp.forEach(a=>{toc.value.push(a.getAttribute("id"))})
     let links = gsap.utils.toArray("div#myDiv ul li a");
     let lis = gsap.utils.toArray("div#myDiv ul li");
-    let zhuti = gsap.utils.toArray("main")
-    let mydiv = gsap.utils.toArray("#myDiv")
     lis[0].classList.add("active");
     links[0].classList.add("active");
     let i = 0;
     links.forEach(a => {
-        console.log(i)
       let element = document.getElementById(toc.value[i]),
         linkST = ScrollTrigger.create({
           trigger: element,
@@ -82,25 +79,8 @@
         gsap.to(window, { duration: 1, scrollTo: linkST.start, overwrite: "auto" });
       });
       i=i+1;
-      console.log(element)
 });
-    zhuti.forEach(a => {
-      let element = a
-      ScrollTrigger.create({
-        trigger: element,
-        start: "top top",
-        end: "bottom center",
-        onEnter: self => show(mydiv[0]),
-        onLeaveBack: self => hide(mydiv[0])
-      })
-    })
-    // function hide(x) {
-    //   x.classList.remove("translate-y-[-50%]")
-    // }
-  
-    // function show(x) {
-    //   x.classList.add("translate-y-[-50%]")
-    // }
+
   
     function setActive(link, li) {
       links.forEach(el => el.classList.remove("active"));