fix: 背景渲染问题

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;
+        transform: translateZ(0);
-        -webkit-overflow-scrolling: auto;
+        overflow: hidden;
-
-        &::-webkit-scrollbar {
-          width: 0 !important;
-          height: 0 !important;
-          display: none;
-        }
       }
 
       @keyframes bg-blink {

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

src/game_pages/detail/components/GameInfo/index.module.scss

@@ -23,8 +23,7 @@
         flex-direction: column;
         align-items: center;
         gap: 4px;
-        overflow: scroll;
+        transform: translateZ(0);
-        -webkit-overflow-scrolling: auto;
         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 {
+          transform: translateZ(0);
-            width: 0 !important;
-            height: 0 !important;
-            display: none;
-          }
         }
 
         .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;
+        transform: translateZ(0);
-        -webkit-overflow-scrolling: auto;
         animation: intro 0.3s ease-in forwards;
-        &::-webkit-scrollbar {
-          width: 0 !important;
-          height: 0 !important;
-          display: none;
-        }
 
         @keyframes intro {
           from {

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 {
+          transform: translateZ(0);
-            width: 0 !important;
+          overflow: hidden;
-            height: 0 !important;
-            display: none;
-          }
 
           &::before {
             content: "";

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"]}>

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;
+          transform: translateZ(0);
-          -webkit-overflow-scrolling: auto;
           position: relative;
-          &::-webkit-scrollbar {
+          overflow: hidden;
-            width: 0 !important;
-            height: 0 !important;
-            display: none;
-          }
 
           &::before {
             content: "";

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"]}

src/game_pages/detail/index.tsx

@@ -91,10 +91,10 @@ 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;
     });
@@ -188,7 +188,7 @@ function Index() {
       enhanced
       showScrollbar={false}
       scrollIntoView={scrollToTarget}
-      scroll-with-animation
+      // scroll-with-animation
     >
       {/* custom navbar */}
       <View