吸附

pages/index/position.vue

@@ -1,27 +1,30 @@
 <template>
+  
   <view class="box defaultBgc">
-    <view class="white-bgc stick">
-      <uni-search-bar
-        v-model="query.content"
-        radius="8"
-        placeholder="请输入关键字"
-        cancelButton="none"
-        :focus="false"
-        @confirm="onSearch($event.value)"
-        @clear="query.content = ''; onSearch()"
-      />
-    </view>
-    <view class="white-bgc px-10 mb-10">
-      <SwiperAd :list="swiperAdList"></SwiperAd>
-      <view class="px-5">
-        <FilterList :list="filterList" idValue="label" @change="handleSearch"></FilterList>
-      </view>
-    </view>
     <scroll-view class="scrollBox" scroll-y="true" @scrolltolower="loadingMore" style="position:relative;">
-      <PositionList :list="positionListData" :noMore="false"></PositionList>
-      <uni-load-more :status="more" />
+      <view>
+        <view class="white-bgc stick">
+          <uni-search-bar
+            v-model="query.content"
+            radius="8"
+            placeholder="请输入关键字"
+            cancelButton="none"
+            :focus="false"
+            @confirm="onSearch($event.value)"
+            @clear="query.content = ''; onSearch()"
+          />
+        </view>
+        <SwiperAd :list="swiperAdList"></SwiperAd>
+        <view class="white-bgc px-10 mb-10 stickFilter">
+          <FilterList :list="filterList" idValue="label" @change="handleSearch"></FilterList>
+        </view>
+        <PositionList :list="positionListData" :noMore="false"></PositionList>
+        <uni-load-more :status="more" />
+        
+      </view>
     </scroll-view>
   </view>
+  
 </template>
 
 <script setup>
@@ -111,7 +114,16 @@ const loadingMore = () => { // 加载更多
 
 <style scoped lang="scss">
 .stick {
+  z-index: 1;
   position: sticky;
+  top: 0;
+}
+.stickFilter {
+  z-index: 1;
+  position: sticky;
+  box-shadow: 0px 10rpx 12rpx 0px rgba(195, 195, 195, .5);
+  top: 112rpx;
+
 }
 .px-0 { padding-left: 0 !important; padding-right: 0 !important; }
 .pb-10 {