From dc6f73637a88a91cfcdfa8a602bb54adea832c31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9D=B0?= <alecdux@gmail.com>
Date: Tue, 9 Dec 2025 18:27:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=83=8C=E6=99=AF=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Comments/index.module.scss     | 10 ++------
 src/components/Comments/index.tsx             |  1 -
 .../components/GameInfo/index.module.scss     | 24 +++----------------
 .../OrganizerInfo/index.module.scss           |  9 ++-----
 .../detail/components/OrganizerInfo/index.tsx |  1 -
 .../components/Participants/index.module.scss |  9 ++-----
 .../detail/components/Participants/index.tsx  |  1 -
 src/game_pages/detail/index.tsx               |  8 +++----
 8 files changed, 13 insertions(+), 50 deletions(-)

diff --git a/src/components/Comments/index.module.scss b/src/components/Comments/index.module.scss
index 8fa4d84..8995227 100644
--- a/src/components/Comments/index.module.scss
+++ b/src/components/Comments/index.module.scss
@@ -84,14 +84,8 @@
         border-radius: 6px;
         cursor: pointer;
         animation: bg-blink var(--dur) infinite steps(10);
-        overflow: scroll;
-        -webkit-overflow-scrolling: auto;
-
-        &::-webkit-scrollbar {
-          width: 0 !important;
-          height: 0 !important;
-          display: none;
-        }
+        transform: translateZ(0);
+        overflow: hidden;
       }
 
       @keyframes bg-blink {
diff --git a/src/components/Comments/index.tsx b/src/components/Comments/index.tsx
index e4ffc6a..e8eebb1 100644
--- a/src/components/Comments/index.tsx
+++ b/src/components/Comments/index.tsx
@@ -212,7 +212,6 @@ function CommentItem(props: {
       )}
       key={comment.id}
       id={`comment_id_${comment.id}`}
-      catchtouchmove
     >
       <View style={{ width: level === 1 ? "36px" : "28px" }}>
         <Image
diff --git a/src/game_pages/detail/components/GameInfo/index.module.scss b/src/game_pages/detail/components/GameInfo/index.module.scss
index 73f31c9..48e3ea8 100644
--- a/src/game_pages/detail/components/GameInfo/index.module.scss
+++ b/src/game_pages/detail/components/GameInfo/index.module.scss
@@ -23,8 +23,7 @@
         flex-direction: column;
         align-items: center;
         gap: 4px;
-        overflow: scroll;
-        -webkit-overflow-scrolling: auto;
+        transform: translateZ(0);
         border: 0.5px solid rgba(255, 255, 255, 0.08);
         background: rgba(255, 255, 255, 0.25);
         color: #fff;
@@ -32,11 +31,6 @@
         flex-shrink: 0;
         font-family: "Quicksand";
         animation: intro 0.3s ease-in forwards;
-        &::-webkit-scrollbar {
-          width: 0 !important;
-          height: 0 !important;
-          display: none;
-        }
 
         @keyframes intro {
           from {
@@ -60,14 +54,8 @@
           border-top-right-radius: 12px;
           border-bottom: 1px solid rgba(255, 255, 255, 0.08);
           background: rgba(255, 255, 255, 0.25);
-          overflow: scroll;
-          -webkit-overflow-scrolling: auto;
           font-weight: 600;
-          &::-webkit-scrollbar {
-            width: 0 !important;
-            height: 0 !important;
-            display: none;
-          }
+          transform: translateZ(0);
         }
 
         .day {
@@ -169,14 +157,8 @@
         align-items: center;
         border: 0.5px solid rgba(255, 255, 255, 0.08);
         background: rgba(255, 255, 255, 0.25);
-        overflow: scroll;
-        -webkit-overflow-scrolling: auto;
+        transform: translateZ(0);
         animation: intro 0.3s ease-in forwards;
-        &::-webkit-scrollbar {
-          width: 0 !important;
-          height: 0 !important;
-          display: none;
-        }
 
         @keyframes intro {
           from {
diff --git a/src/game_pages/detail/components/OrganizerInfo/index.module.scss b/src/game_pages/detail/components/OrganizerInfo/index.module.scss
index 16998a9..5fced2b 100644
--- a/src/game_pages/detail/components/OrganizerInfo/index.module.scss
+++ b/src/game_pages/detail/components/OrganizerInfo/index.module.scss
@@ -158,16 +158,11 @@
           border-radius: 20px;
           // border: 1px solid rgba(255, 255, 255, 0.1);
           // background: rgba(255, 255, 255, 0.16);
-          overflow: scroll;
-          -webkit-overflow-scrolling: auto;
           padding: 12px 0 12px 15px;
           box-sizing: border-box;
           position: relative;
-          &::-webkit-scrollbar {
-            width: 0 !important;
-            height: 0 !important;
-            display: none;
-          }
+          transform: translateZ(0);
+          overflow: hidden;
 
           &::before {
             content: "";
diff --git a/src/game_pages/detail/components/OrganizerInfo/index.tsx b/src/game_pages/detail/components/OrganizerInfo/index.tsx
index 276dceb..857e1bc 100644
--- a/src/game_pages/detail/components/OrganizerInfo/index.tsx
+++ b/src/game_pages/detail/components/OrganizerInfo/index.tsx
@@ -192,7 +192,6 @@ export default function OrganizerInfo(props) {
                   key={index}
                   className={styles["recommend-games-list-item"]}
                   onClick={handleViewGame.bind(null, game.id)}
-                  catchMove
                 >
                   {/* game title */}
                   <View className={styles["recommend-games-list-item-title"]}>
diff --git a/src/game_pages/detail/components/Participants/index.module.scss b/src/game_pages/detail/components/Participants/index.module.scss
index 0da4f50..5cd8ccd 100644
--- a/src/game_pages/detail/components/Participants/index.module.scss
+++ b/src/game_pages/detail/components/Participants/index.module.scss
@@ -87,14 +87,9 @@
           // border: 0.5px solid rgba(255, 255, 255, 0.2);
           // background: rgba(255, 255, 255, 0.16);
           flex: 0 0 auto;
-          overflow: scroll;
-          -webkit-overflow-scrolling: auto;
+          transform: translateZ(0);
           position: relative;
-          &::-webkit-scrollbar {
-            width: 0 !important;
-            height: 0 !important;
-            display: none;
-          }
+          overflow: hidden;
 
           &::before {
             content: "";
diff --git a/src/game_pages/detail/components/Participants/index.tsx b/src/game_pages/detail/components/Participants/index.tsx
index 1369537..64761bb 100644
--- a/src/game_pages/detail/components/Participants/index.tsx
+++ b/src/game_pages/detail/components/Participants/index.tsx
@@ -360,7 +360,6 @@ export default function Participants(props) {
                     <View
                       key={participant.id}
                       className={styles["participants-list-item"]}
-                      catchMove
                     >
                       <Image
                         className={styles["participants-list-item-avatar"]}
diff --git a/src/game_pages/detail/index.tsx b/src/game_pages/detail/index.tsx
index 41f0ec5..c93baec 100644
--- a/src/game_pages/detail/index.tsx
+++ b/src/game_pages/detail/index.tsx
@@ -91,14 +91,14 @@ function Index() {
   const fetchDetail = async () => {
     if (!id) return;
 
-    const res = await DetailService.getDetail(Number(id)).catch(e => {
+    const res = await DetailService.getDetail(Number(id)).catch((e) => {
       // 跳转到空状态页面
       (Taro as any).redirectTo({
-        url: '/other_pages/emptyState/index',
+        url: "/other_pages/emptyState/index",
       });
       return e;
     });
-    
+
     if (res.code === 0) {
       setDetail(res.data);
       fetchUserInfoById(res.data.publisher_id);
@@ -188,7 +188,7 @@ function Index() {
       enhanced
       showScrollbar={false}
       scrollIntoView={scrollToTarget}
-      scroll-with-animation
+      // scroll-with-animation
     >
       {/* custom navbar */}
       <View