将定位到的元素，滚动到最上面

src/views/index.vue

@@ -40,7 +40,7 @@
               <span class="title">{{item.name}}</span>
               <ul class="item">
                 <li
-                  :id="'subject_' + sIndex"
+                  :id="'subject_' + index + '_' + sIndex"
                   :class="{'no-active' : subject.openFlag == 0, 'has-bind' : subject.bindCardStatus == 1}"
                   v-for="(subject, sIndex) in item.secondSubjectModelList"
                   :key="sIndex"
@@ -279,6 +279,7 @@ export default {
     resetPosition(list) {
       if (!list.length) return;
       let parentIndex = 0,
+        fIndex = 0,
         subIndex = 0,
         firstSub = [],
         secondSub = [],
@@ -291,6 +292,7 @@ export default {
           for (let k = 0; k < secondSub.length; k++) {
             if (secondSub[k].bindCardStatus) {
               parentIndex = i;
+              fIndex = j;
               subIndex = k;
               flag = true;
               break outloop;
@@ -298,23 +300,21 @@ export default {
           }
         }
       }
-      // outloop: true;
       this.currentModelIndex = parentIndex;
       this.listData = this.titleTestModelList[parentIndex].firstSubjectModelList || [];
       console.log('查找对应的职称与专业', this.currentModelIndex, this.listData);
       this.$forceUpdate();
-      this.resetProjectPosition(subIndex);
+      this.resetProjectPosition(fIndex, subIndex);
     },
 
     // 将定位到的元素，滚动到最上面
-    resetProjectPosition(subIndex) {
+    resetProjectPosition(fIndex, subIndex) {
       this.$nextTick(() => {
         setTimeout(() => {
           // let scrollTop = this.$refs['subject_' + subIndex].offsetTop;
-          let scrollTop = document.getElementById("subject_" + subIndex)
-            .offsetTop;
-          console.log(scrollTop);
-          window.scrollTo(0, scrollTop + 110);
+          let scrollTop = document.getElementById(`subject_${fIndex}_${subIndex}`).offsetTop;
+          console.log('in resetProjectPosition', scrollTop);
+          window.scrollTo(0, scrollTop);
         }, 100);
       });
     },
@@ -381,7 +381,7 @@ export default {
     }
     .left {
       width: px2rem(130px);
-      background: red;
+      background: #fff;
       li {
         position: relative;
         display: block;