行程绝对定位

src/pages/scheduledTrip/detailsNew.vue

 <template>
   <div style="min-height: 80vh">
+    <div class=""
+    style="max-width: 1200px; margin: auto;position: relative;">
       <div style="position: fixed; left: 0; right: 0; top: 0; border-top: 1px solid #eee; box-shadow: 0 2px 8px rgb(0 0 0 / 20%); z-index: 9999999" class="bg-white"
       v-if="(currentHeight > navs[0].top + 100&&$q.platform.is.desktop)||
         (currentHeight>priceListHeight&&currentHeight < navs[0].top&&$q.platform.is.mobile)"
@@ -204,9 +206,9 @@
       >
       <!-- col q-ml-xl position-relative -->
       <!-- days.length>0&&dayList.length>3&&currentHeight > days[0].top-60&&currentHeight < navs[2].top&&$q.platform.is.desktop -->
-      <div :class="{'fixed':$q.platform.is.desktop}"
-      :style="{'top':currentHeight>navs[1].top?'200px':'200px',
-      'left':currentHeight>navs[1].top?'120px':'130px',}"
+        <div
+        class="absolute" style="z-index: 999;left:-116px;"
+        :style="{'top':currentHeight>navs[1].top?(currentHeight+100)+'px':(currentHeight+200)+'px'}"
         v-if="
           dataList.priceList.length > 0&&$q.platform.is.desktop&&currentHeight>navs[1].top-400
           &&currentHeight<navs[2].top
@@ -278,11 +280,10 @@
           <!-- <div class="col-1"></div> -->
           <!-- col q-ml-xl position-relative -->
           <div
-        :class="{'absolute':currentHeight<1000,
-          'fixed':currentHeight>1000}"
-          :style="{'top':currentHeight<1000?'0':'100px',
-          'right':currentHeight<1000?'-150px':'70px',}">
-          <div style="position: sticky; top: 100px">
+          class="absolute" style="z-index: 999;right: -150px;"
+          :style="{'top':currentHeight<1000?'1000px':(currentHeight+100)+'px'}">
+          <!-- position: sticky; top: 100px -->
+            <div style="">
               <div
                 class="text-subtitle2 text-grey-6 cursor-pointer q-mb-md"
                 v-for="(x, i) in navs"
@@ -298,6 +299,8 @@
           </div>
         </template>
       </div>
+    </div>
+
     <div class="goBackTop bg-primary" :class="{ showGoback: isShowTop }" @click="hangleGoUp">
       <i class="iconfont iconarrow-top"></i>
     </div>