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 ( -
+
{ if (refreshing) return;