1

src/pages/home/index.vue

 <template>
-    <van-sticky>
-        <div class="header">
     <Header backgroundBox="white" :show="false">
         <div class="tools">
             <van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh"
@@ -11,6 +9,8 @@
             </div>
         </div>
     </Header>
+    <van-sticky :offset-top="50">
+        <div class="header">
             <!-- <div class="tools">
                 <van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh"
                     @clear="handleRefresh" />
@@ -141,7 +141,7 @@ const getList = () => {
 getList()
 
 const handleRefresh = () => {
-    window.scroll(0,0)
+    window.scroll(0, 0)
     refreshing.value = true
     page.pageNum = 0
     getList()
@@ -199,12 +199,7 @@ const confirmTagsPopup = (e) => {
 </script>
 
 <style lang="scss" scoped>
-.header {
-    padding: 10px;
-    background-color: #ffffff;
-    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
-
-    .tools {
+.tools {
     display: flex;
     gap: 10px;
 
@@ -233,15 +228,18 @@ const confirmTagsPopup = (e) => {
             color: #0E7CE3;
         }
     }
-    }
+}
+
+.header {
+    padding: 0 10px;
+    background-color: #ffffff;
+    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
 
     .menu {
         display: flex;
         justify-content: space-between;
         padding-top: 10px;
 
-
-
         :deep(.van-tabs__nav) {
             gap: 30px;
             padding-bottom: 0;