定位问题

src/views/index.vue

@@ -52,7 +52,7 @@
           </ul>
         </div>
       </article>
-      <article ref="zjListRef" class="page-content-list">
+      <article ref="zjListRef" id="zjListRef" class="page-content-list">
         <CommonImgTitle imgType=2 title="中级职称"></CommonImgTitle>
         <div :id="'subject_1_' + index" class="subject" v-for="(item, index) in zjFirstSubjectModelList" :key="index">
           <p>{{item.name}}<span v-show="item.titleCode">（{{item.titleCode}}）</span></p>
@@ -160,11 +160,7 @@ export default {
   },
 
   mounted() {
-    zjListOffsetTop = this.$refs['zjListRef'].offsetTop;
-    screenHeight = screen.height;
-    console.log('zjListOffsetTop, screenHeight', zjListOffsetTop, screenHeight);
-    // zjListRef
-    // this.listData = [];
+
   },
 
   methods: {
@@ -262,6 +258,16 @@ export default {
             titleTestModelList.splice(1, 1);
             this.resetPosition(titleTestModelList);
           }
+          this.$forceUpdate();
+          // 延迟获取中级职称
+          this.$nextTick(() => {
+            setTimeout(() => {
+              zjListOffsetTop = document.getElementById('zjListRef').offsetTop;
+              screenHeight = screen.height;
+              console.log('zjListOffsetTop, screenHeight', zjListOffsetTop, screenHeight);
+            }, 100);
+          });
+          
         } else {
           this.$toast(res.message);
         }
@@ -336,6 +342,8 @@ export default {
     // 监听滚动事件
     scrollFun() {
       let scrollTop = window.scrollY;
+
+      // console.log(scrollTop, screenHeight, zjListOffsetTop);
       if(scrollTop + screenHeight - 20 > zjListOffsetTop) {
         this.tabIndex = 2;
       } else {