diff --git a/src/game_pages/search/index.scss b/src/game_pages/search/index.scss
index bc2771c..e1450ab 100644
--- a/src/game_pages/search/index.scss
+++ b/src/game_pages/search/index.scss
@@ -17,7 +17,7 @@
     gap: 10px;
     border-radius: 999px;
     border: 0.5px solid rgba(0, 0, 0, 0.06);
-    background: #FFF;
+    // background: #FFF;
     box-shadow: 0px 4px 48px 0px rgba(0, 0, 0, 0.08);
 
     .nut-input {
diff --git a/src/game_pages/search/index.tsx b/src/game_pages/search/index.tsx
index 314201c..6668a8a 100644
--- a/src/game_pages/search/index.tsx
+++ b/src/game_pages/search/index.tsx
@@ -1,4 +1,4 @@
-import { View, Image, Text } from "@tarojs/components";
+import { View, Image, Text, ScrollView } from "@tarojs/components";
 import { Input } from "@nutui/nutui-react-taro";
 import { useEffect, useMemo, useRef } from "react";
 import { useListState } from "@/store/listStore";
@@ -125,9 +125,9 @@ const ListSearch = () => {
       />
       <View 
         className="listSearchContainer"
-        style={{ paddingTop: `${totalHeight + 10}px` }}
+        style={{ paddingTop: `${totalHeight}px` }}
       >
-        {/* 搜索 */}
+        {/* 搜索框 - 固定在顶部 */}
         <View className="topSearch">
           <Image className="searchIcon" src={img.ICON_LIST_SEARCH_SEARCH} />
           <Input
@@ -154,72 +154,81 @@ const ListSearch = () => {
             </Text>
           </View>
         </View>
-        {/* 联想词 */}
-        {isShowSuggestion && (
-          <View className="searchSuggestion">
-            {(suggestionList || [])?.map((item) => {
-              // 替换匹配文本为高亮版本
-              const highlightedText = item.replace(regex, (match) => {
-                // 如果匹配不到，则返回原文本
-                if (!match) return match;
-                return `<Text class="highlight">${match}</Text>`;
-              });
-              return (
-                <View
-                  className="searchSuggestionItem"
-                  onClick={() => handleSuggestionSearch(item)}
-                >
-                  <View className="searchSuggestionItemLeft">
+        
+        {/* 中间内容区域 - 可滚动 */}
+        <ScrollView
+          scrollY
+          className="searchContentScroll"
+          enhanced
+          showScrollbar={false}
+        >
+          {/* 联想词 */}
+          {isShowSuggestion && (
+            <View className="searchSuggestion">
+              {(suggestionList || [])?.map((item) => {
+                // 替换匹配文本为高亮版本
+                const highlightedText = item.replace(regex, (match) => {
+                  // 如果匹配不到，则返回原文本
+                  if (!match) return match;
+                  return `<Text class="highlight">${match}</Text>`;
+                });
+                return (
+                  <View
+                    className="searchSuggestionItem"
+                    onClick={() => handleSuggestionSearch(item)}
+                  >
+                    <View className="searchSuggestionItemLeft">
+                      <Image
+                        className="icon16"
+                        src={img.ICON_LIST_SEARCH_SEARCH}
+                      />
+                      <Text
+                        dangerouslySetInnerHTML={{ __html: highlightedText }}
+                      ></Text>
+                    </View>
                     <Image
                       className="icon16"
-                      src={img.ICON_LIST_SEARCH_SEARCH}
+                      src={img.ICON_LIST_SEARCH_SUGGESTION}
                     />
-                    <Text
-                      dangerouslySetInnerHTML={{ __html: highlightedText }}
-                    ></Text>
                   </View>
+                );
+              })}
+            </View>
+          )}
+          {/* 历史搜索 */}
+          {!isShowClearIcon && (
+            <View className="historySearch">
+              <View className="historySearchTitleWrapper">
+                <View className="historySearchTitle">历史搜索</View>
+                <View className="historySearchClear" onClick={handleClearHistory}>
+                  <Text>清空</Text>
                   <Image
-                    className="icon16"
-                    src={img.ICON_LIST_SEARCH_SUGGESTION}
+                    className="clearIcon icon16"
+                    src={img.ICON_LIST_SEARCH_CLEAR_HISTORY}
                   />
                 </View>
-              );
-            })}
-          </View>
-        )}
-        {/* 历史搜索 */}
-        {!isShowClearIcon && (
-          <View className="historySearch">
-            <View className="historySearchTitleWrapper">
-              <View className="historySearchTitle">历史搜索</View>
-              <View className="historySearchClear" onClick={handleClearHistory}>
-                <Text>清空</Text>
-                <Image
-                  className="clearIcon icon16"
-                  src={img.ICON_LIST_SEARCH_CLEAR_HISTORY}
-                />
               </View>
-            </View>
 
-            {isShowHistory && (
-              <View className="historySearchList">
-                {(searchHistory || [])?.map((item) => {
-                  if (!item?.title) {
-                    return null;
-                  }
-                  return (
-                    <Text
-                      className="historySearchItem"
-                      onClick={() => handleHistoryClick(item)}
-                    >
-                      {item?.title}
-                    </Text>
-                  );
-                })}
-              </View>
-            )}
-          </View>
-        )}
+              {isShowHistory && (
+                <View className="historySearchList">
+                  {(searchHistory || [])?.map((item) => {
+                    if (!item?.title) {
+                      return null;
+                    }
+                    return (
+                      <Text
+                        className="historySearchItem"
+                        onClick={() => handleHistoryClick(item)}
+                      >
+                        {item?.title}
+                      </Text>
+                    );
+                  })}
+                </View>
+              )}
+            </View>
+          )}
+        </ScrollView>
       </View>
     </>
   );
diff --git a/src/user_pages/queryTransactions/index.scss b/src/user_pages/queryTransactions/index.scss
index 17a6242..769f2d3 100644
--- a/src/user_pages/queryTransactions/index.scss
+++ b/src/user_pages/queryTransactions/index.scss
@@ -1,4 +1,6 @@
 .listSearchContainer {
+  display: flex;
+  flex-direction: column;
   height: 100vh;
   box-sizing: border-box;
 
@@ -59,10 +61,9 @@
   }
 
   .topSearchWrapper {
-    position: sticky;
-    top: -1px;
     padding: 5px 15px;
     box-sizing: border-box;
+    flex-shrink: 0; // 固定在顶部，不随内容滚动
   }
 
   .topSearch {
@@ -80,6 +81,15 @@
     .nut-input {
       padding: 0;
       height: 100%;
+      background: transparent !important; // 去掉输入框背景
+      
+      :global(.nut-input-inner) {
+        background: transparent !important; // 去掉输入框内部背景
+      }
+      
+      :global(.nut-input-placeholder) {
+        background: transparent !important; // 去掉placeholder背景
+      }
     }
   }
 
@@ -247,7 +257,7 @@
         flex-direction: column;
         align-items: flex-end;
         gap: 4px;
-        width: 68px;
+        width: 100px;
         margin-right: 4px;
 
         .type_text_tag {
@@ -255,7 +265,8 @@
           font-weight: normal;
           color: #ff9500;
           border-radius: 999px !important;
-          padding: 4px;
+          padding: 4px 8px; // 增加左右内边距以增加宽度
+          min-width: 80px; // 设置最小宽度
           background-color: rgba(#ff9500, 0.1);
           border: solid 1px #ff9500;
           margin-right: 4px;
@@ -297,4 +308,11 @@
     padding: 20px 0 40px;
     background: #fff;
   }
+
+  // 中间内容滚动区域
+  .transactionContentScroll {
+    flex: 1;
+    height: 0; // 配合 flex: 1 使用，确保正确计算高度
+    overflow-y: auto;
+  }
 }
diff --git a/src/user_pages/queryTransactions/index.tsx b/src/user_pages/queryTransactions/index.tsx
index b976604..279da06 100644
--- a/src/user_pages/queryTransactions/index.tsx
+++ b/src/user_pages/queryTransactions/index.tsx
@@ -1,11 +1,11 @@
 import { useState, useEffect, useRef } from "react";
-import { View, Image, Text } from "@tarojs/components";
+import { View, Image, Text, ScrollView } from "@tarojs/components";
 import { Input } from "@nutui/nutui-react-taro";
 import img from "@/config/images";
 import { withAuth, GeneralNavbar } from "@/components";
 import "./index.scss";
 import httpService from "@/services/httpService";
-import Taro, { useReachBottom } from "@tarojs/taro";
+import Taro from "@tarojs/taro";
 import { useGlobalState } from "@/store/global";
 interface Transaction {
   id: number;
@@ -61,16 +61,6 @@ const QueryTransactions = () => {
   //   }
   // }, [ref.current]);
 
-  useReachBottom(() => {
-    if (load_transactions_params.page >= totalpages) return;
-    set_load_transactions_params((prev) => {
-      return {
-        ...prev,
-        page: prev.page + 1,
-      };
-    });
-  });
-
   useEffect(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
@@ -274,7 +264,7 @@ const QueryTransactions = () => {
             Taro.navigateBack();
           }}
         />
-        {/* 搜索 */}
+        {/* 搜索框 - 固定在顶部 */}
         <View 
           className="topSearchWrapper"
           style={{ marginTop: `${totalHeight}px` }}
@@ -318,42 +308,60 @@ const QueryTransactions = () => {
             </View>
           </View>
         </View>
-        {/* 查找历史 */}
-        {!isShowClearIcon && searchHistory.length > 0 && (
-          <View className="historySearch">
-            <View className="historySearchTitleWrapper">
-              <View className="historySearchTitle">查找历史</View>
-              <View className="historySearchClear" onClick={handleClearHistory}>
-                <Text>清空</Text>
-                <Image
-                  className="clearIcon icon16"
-                  src={img.ICON_LIST_SEARCH_CLEAR_HISTORY}
-                />
+        
+        {/* 中间内容区域 - 可滚动 */}
+        <ScrollView
+          scrollY
+          className="transactionContentScroll"
+          enhanced
+          showScrollbar={false}
+          onScrollToLower={() => {
+            if (load_transactions_params.page < totalpages) {
+              set_load_transactions_params((prev) => {
+                return {
+                  ...prev,
+                  page: prev.page + 1,
+                };
+              });
+            }
+          }}
+        >
+          {/* 查找历史 */}
+          {!isShowClearIcon && searchHistory.length > 0 && (
+            <View className="historySearch">
+              <View className="historySearchTitleWrapper">
+                <View className="historySearchTitle">查找历史</View>
+                <View className="historySearchClear" onClick={handleClearHistory}>
+                  <Text>清空</Text>
+                  <Image
+                    className="clearIcon icon16"
+                    src={img.ICON_LIST_SEARCH_CLEAR_HISTORY}
+                  />
+                </View>
               </View>
+
+              {searchHistory.length && (
+                <View className="historySearchList">
+                  {(searchHistory || [])?.map((item) => {
+                    if (!item?.keyword) {
+                      return null;
+                    }
+                    return (
+                      <Text
+                        className="historySearchItem"
+                        onClick={() => handleHistoryClick(item)}
+                      >
+                        {item?.keyword}
+                      </Text>
+                    );
+                  })}
+                </View>
+              )}
             </View>
+          )}
 
-            {searchHistory.length && (
-              <View className="historySearchList">
-                {(searchHistory || [])?.map((item) => {
-                  if (!item?.keyword) {
-                    return null;
-                  }
-                  return (
-                    <Text
-                      className="historySearchItem"
-                      onClick={() => handleHistoryClick(item)}
-                    >
-                      {item?.keyword}
-                    </Text>
-                  );
-                })}
-              </View>
-            )}
-          </View>
-        )}
-
-        {/* 交易记录列表 */}
-        <View className="transaction_list">
+          {/* 交易记录列表 */}
+          <View className="transaction_list">
           {loading_transactions ? (
             <View className="loading_state">
               <Text className="loading_text">加载中...</Text>
@@ -404,10 +412,11 @@ const QueryTransactions = () => {
               <Text className="empty_text">暂无交易记录</Text>
             </View>
           )}
-        </View>
-        {transactions.length > 0 && (
-          <View className="tips_text">仅支持查找2024年9月1日以后的账单</View>
-        )}
+          </View>
+          {transactions.length > 0 && (
+            <View className="tips_text">仅支持查找2024年9月1日以后的账单</View>
+          )}
+        </ScrollView>
       </View>
     </>
   );