diff --git a/components/DynamicHeaderScrollView.js b/components/DynamicHeaderScrollView.js
index a381887..82b9353 100644
--- a/components/DynamicHeaderScrollView.js
+++ b/components/DynamicHeaderScrollView.js
@@ -47,7 +47,23 @@ export const DynamicHeaderScrollView = (props) => {
       backgroundColor: "#0099CC",
       margin: 0,
       top: 0,
-      opacity: 1,
+      opacity: 0,
+    },
+  };
+  const StickyStyle = {
+    on: {
+      position: "absolute",
+      width: "100%",
+      flex: 1,
+      top: Max_Header_Height,
+      zIndex: 1,
+    },
+    off: {
+      position: "absolute",
+      width: "100%",
+      flex: 1,
+      top: Min_Header_Height,
+      zIndex: 1,
     },
   };
 
@@ -70,6 +86,9 @@ export const DynamicHeaderScrollView = (props) => {
         >
           {longHeader}
         </Animated.View>
+        <Animated.View style={headerVisible ? StickyStyle.off : StickyStyle.on}>
+          {topStickyContent}
+        </Animated.View>
       </View>
       <ScrollView
         {...scrollViewProps}
@@ -97,13 +116,11 @@ export const DynamicHeaderScrollView = (props) => {
         {topStickyContent && (
           <View
             style={{
-              paddingTop: Min_Header_Height,
+              paddingTop: Min_Header_Height + 40,
               flexDirection: "column",
             }}
             index={1}
-          >
-            {topStickyContent}
-          </View>
+          />
         )}
         {children}
       </ScrollView>