update

src/components/pages/components/studentWorksDetail.vue

@@ -3589,37 +3589,36 @@ export default {
       } else {
         const element = document.getElementById(`${s}+${i}`);
         if (element) {
-          // element.scrollIntoView({
-          //   behavior: 'smooth', block: "start", inline: "nearest"
-          // }, ()=>{
-          //   let scrollBody = document.querySelector(".zyBoxC").parentElement
-          //   scrollBody.scrollTop = scrollBody.scrollTop - 70
-          // });
-          function scrollToElement(elementA) {
-            return new Promise((resolve) => {
-              const observer = new IntersectionObserver((entries) => {
-                if (entries[0].isIntersecting) {
-                  observer.disconnect(); // 停止观察
-                  setTimeout(() => {
-                    resolve(); // 延迟以确保滚动完成
-                  }, 300); // 可以调整延迟时间
-                }
-              }, { threshold: [1] }); // 阈值设为 1 确保完全可见
+          element.scrollIntoView();
+          setTimeout(()=>{
+            let scrollBody = document.querySelector(".zyBoxC").parentElement
+            scrollBody.scrollTop = scrollBody.scrollTop - 70
+          }, 100);
+          // function scrollToElement(elementA) {
+          //   return new Promise((resolve) => {
+          //     const observer = new IntersectionObserver((entries) => {
+          //       if (entries[0].isIntersecting) {
+          //         observer.disconnect(); // 停止观察
+          //         setTimeout(() => {
+          //           resolve(); // 延迟以确保滚动完成
+          //         }, 300); // 可以调整延迟时间
+          //       }
+          //     }, { threshold: [1] }); // 阈值设为 1 确保完全可见
 
-              elementA.scrollIntoView({ behavior: 'smooth', block: "start" });
-              // elementA.scrollIntoView();
-              observer.observe(elementA);
-            });
-          }
+          //     elementA.scrollIntoView({ behavior: 'smooth', block: "start" });
+          //     // elementA.scrollIntoView();
+          //     observer.observe(elementA);
+          //   });
+          // }
 
 
-          // 使用示例
-          scrollToElement(element).then(()=>{
-            let scrollBody = document.querySelector(".zyBoxC").parentElement
-            setTimeout(() => {
-              scrollBody.scrollTop = scrollBody.scrollTop - 70;
-            }, 100); // 调整时间确保足够长
-          });
+          // // 使用示例
+          // scrollToElement(element).then(()=>{
+          //   let scrollBody = document.querySelector(".zyBoxC").parentElement
+          //   setTimeout(() => {
+          //     scrollBody.scrollTop = scrollBody.scrollTop - 70;
+          //   }, 100); // 调整时间确保足够长
+          // });
         }
         var a = s + "-" + i;
         // var b = document.getElementById(a);

src/components/pages/components/worksDetail2.vue

@@ -4641,37 +4641,36 @@ export default {
       } else {
         const element = document.getElementById(`${s}+${i}`);
         if (element) {
-          // element.scrollIntoView({
-          //   behavior: 'smooth', block: "start", inline: "nearest"
-          // }, ()=>{
-          //   let scrollBody = document.querySelector(".zyBoxC").parentElement
-          //   scrollBody.scrollTop = scrollBody.scrollTop - 70
-          // });
-          function scrollToElement(elementA) {
-            return new Promise((resolve) => {
-              const observer = new IntersectionObserver((entries) => {
-                if (entries[0].isIntersecting) {
-                  observer.disconnect(); // 停止观察
-                  setTimeout(() => {
-                    resolve(); // 延迟以确保滚动完成
-                  }, 300); // 可以调整延迟时间
-                }
-              }, { threshold: [1] }); // 阈值设为 1 确保完全可见
-
-              elementA.scrollIntoView({ behavior: 'smooth', block: "start" });
-              // elementA.scrollIntoView();
-              observer.observe(elementA);
-            });
-          }
+          element.scrollIntoView();
+          setTimeout(()=>{
+            let scrollBody = document.querySelector(".zyBoxC").parentElement
+            scrollBody.scrollTop = scrollBody.scrollTop - 70
+          }, 100);
+          // function scrollToElement(elementA) {
+          //   return new Promise((resolve) => {
+          //     const observer = new IntersectionObserver((entries) => {
+          //       if (entries[0].isIntersecting) {
+          //         observer.disconnect(); // 停止观察
+          //         setTimeout(() => {
+          //           resolve(); // 延迟以确保滚动完成
+          //         }, 300); // 可以调整延迟时间
+          //       }
+          //     }, { threshold: [1] }); // 阈值设为 1 确保完全可见
+
+          //     elementA.scrollIntoView({ behavior: 'smooth', block: "start" });
+          //     // elementA.scrollIntoView();
+          //     observer.observe(elementA);
+          //   });
+          // }
 
 
-          // 使用示例
-          scrollToElement(element).then(()=>{
-            let scrollBody = document.querySelector(".zyBoxC").parentElement
-            setTimeout(() => {
-              scrollBody.scrollTop = scrollBody.scrollTop - 70;
-            }, 100); // 调整时间确保足够长
-          });
+          // // 使用示例
+          // scrollToElement(element).then(()=>{
+          //   let scrollBody = document.querySelector(".zyBoxC").parentElement
+          //   setTimeout(() => {
+          //     scrollBody.scrollTop = scrollBody.scrollTop - 70;
+          //   }, 100); // 调整时间确保足够长
+          // });
         }
         var a = s + "-" + i;
         // var b = document.getElementById(a);
@@ -4690,37 +4689,36 @@ export default {
 
       const element = document.getElementById(`${s}+${i}`);
       if (element) {
-        // element.scrollIntoView({
-        //     behavior: 'smooth', block: "start", inline: "nearest"
-        //   }, ()=>{
+        element.scrollIntoView();
+        setTimeout(()=>{
+          let scrollBody = document.querySelector(".zyBoxC").parentElement
+          scrollBody.scrollTop = scrollBody.scrollTop - 70
+        }, 100);
+        // function scrollToElement(elementA) {
+        //     return new Promise((resolve) => {
+        //       const observer = new IntersectionObserver((entries) => {
+        //         if (entries[0].isIntersecting) {
+        //           observer.disconnect(); // 停止观察
+        //           setTimeout(() => {
+        //             resolve(); // 延迟以确保滚动完成
+        //           }, 300); // 可以调整延迟时间
+        //         }
+        //       }, { threshold: [1] }); // 阈值设为 1 确保完全可见
+
+        //       elementA.scrollIntoView({ behavior: 'smooth', block: "start" });
+        //       // elementA.scrollIntoView();
+        //       observer.observe(elementA);
+        //     });
+        //   }
+
+
+        //   // 使用示例
+        //   scrollToElement(element).then(()=>{
         //     let scrollBody = document.querySelector(".zyBoxC").parentElement
-        //     scrollBody.scrollTop = scrollBody.scrollTop - 70
+        //     setTimeout(() => {
+        //       scrollBody.scrollTop = scrollBody.scrollTop - 70;
+        //     }, 100); // 调整时间确保足够长
         //   });
-        function scrollToElement(elementA) {
-            return new Promise((resolve) => {
-              const observer = new IntersectionObserver((entries) => {
-                if (entries[0].isIntersecting) {
-                  observer.disconnect(); // 停止观察
-                  setTimeout(() => {
-                    resolve(); // 延迟以确保滚动完成
-                  }, 300); // 可以调整延迟时间
-                }
-              }, { threshold: [1] }); // 阈值设为 1 确保完全可见
-
-              elementA.scrollIntoView({ behavior: 'smooth', block: "start" });
-              // elementA.scrollIntoView();
-              observer.observe(elementA);
-            });
-          }
-
-
-          // 使用示例
-          scrollToElement(element).then(()=>{
-            let scrollBody = document.querySelector(".zyBoxC").parentElement
-            setTimeout(() => {
-              scrollBody.scrollTop = scrollBody.scrollTop - 70;
-            }, 100); // 调整时间确保足够长
-          });
       }
       var a = s + "-" + i;