From 6d2cf60d21875f9e7590286cfd05cbeec52bc07e Mon Sep 17 00:00:00 2001
From: hzm <934585316@qq.com>
Date: Sun, 8 Mar 2026 11:58:13 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E8=A1=A8=E5=A4=B4=E5=90=B8=E9=99=84=E6=95=88=E6=9E=9C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/MobileFundTable.jsx | 15 ++++++---------
 app/page.jsx                       |  1 +
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/app/components/MobileFundTable.jsx b/app/components/MobileFundTable.jsx
index 9b356a5..9149069 100644
--- a/app/components/MobileFundTable.jsx
+++ b/app/components/MobileFundTable.jsx
@@ -108,6 +108,7 @@ export default function MobileFundTable({
   sortBy = 'default',
   onReorder,
   onCustomSettingsChange,
+  stickyTop = 0,
 }) {
   const sensors = useSensors(
     useSensor(PointerSensor, {
@@ -293,16 +294,14 @@ export default function MobileFundTable({
 
   useEffect(() => {
     if (typeof window === 'undefined') return;
-
     const handleVerticalScroll = () => {
-      console.log('scrollY', window.scrollY);
-      setShowPortalHeader(window.scrollY >= 100);
+      setShowPortalHeader(window.scrollY >= stickyTop);
     };
 
     handleVerticalScroll();
     window.addEventListener('scroll', handleVerticalScroll, { passive: true });
     return () => window.removeEventListener('scroll', handleVerticalScroll);
-  }, []);
+  }, [stickyTop]);
 
   useEffect(() => {
     const tableEl = tableContainerRef.current;
@@ -323,11 +322,9 @@ export default function MobileFundTable({
   useEffect(() => {
     const tableEl = tableContainerRef.current;
     const portalEl = portalHeaderRef.current;
-    console.log('portalEl', portalEl)
     if (!tableEl || !portalEl) return;
 
     const syncScrollToPortal = () => {
-      console.log('tableEl.scrollLeft', tableEl.scrollLeft)
       portalEl.scrollLeft = tableEl.scrollLeft;
     };
 
@@ -341,11 +338,11 @@ export default function MobileFundTable({
     const handlePortalScroll = () => syncScrollToTable();
 
     tableEl.addEventListener('scroll', handleTableScroll, { passive: true });
-    // portalEl.addEventListener('scroll', handlePortalScroll, { passive: true });
+    portalEl.addEventListener('scroll', handlePortalScroll, { passive: true });
 
     return () => {
       tableEl.removeEventListener('scroll', handleTableScroll);
-      // portalEl.removeEventListener('scroll', handlePortalScroll);
+      portalEl.removeEventListener('scroll', handlePortalScroll);
     };
   }, [showPortalHeader]);
 
@@ -823,7 +820,7 @@ export default function MobileFundTable({
   const renderContent = (onlyShowHeader) => {
     if (onlyShowHeader) {
       return (
-        <div style={{position: 'fixed', top: 175}} className="mobile-fund-table mobile-fund-table-portal-header" ref={portalHeaderRef}>
+        <div style={{position: 'fixed', top: stickyTop}} className="mobile-fund-table mobile-fund-table-portal-header" ref={portalHeaderRef}>
           <div
             className="mobile-fund-table-scroll"
             style={mobileGridLayout.minWidth != null ? { minWidth: mobileGridLayout.minWidth } : undefined}
diff --git a/app/page.jsx b/app/page.jsx
index 8f79557..8ae3ee9 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -4226,6 +4226,7 @@ export default function HomePage() {
                         currentTab={currentTab}
                         favorites={favorites}
                         sortBy={sortBy}
+                        stickyTop={navbarHeight + filterBarHeight - 14}
                         onReorder={handleReorder}
                         onRemoveFund={(row) => {
                           if (refreshing) return;