如果滚动高度大于简介头部

src/utils/mixins.js

@@ -13,7 +13,7 @@ module.exports = {
             query = this.$route.query
         }
         // alert('this.token' + this.token)
-        this.token = this.getUrlKey('token') || (query && query.token) || '6E7CF4E08FD0420285C0855978243C24'
+        this.token = this.getUrlKey('token') || (query && query.token) || '1CC1781670274318B1BE87171244F05D'
     },
     mounted() {
 

src/views/merge-detail.vue

@@ -259,6 +259,7 @@ export default {
     this.courseRequire = this.$route.query.courseRequire;
 
     window.__getUserInfo64Comp = function(param) {
+      console.log('__getUserInfo64Comp', param);
       _this.token = param.userToken;
       _this.setUserInfo(param);
       _this.checkToken();
@@ -286,11 +287,11 @@ export default {
 
   },
   mounted() {
-    // window.addEventListener("scroll", this.scrollFun);
+    window.addEventListener("scroll", this.scrollFun);
     const _this = this;
   },
   beforeDestroyed() {
-    // window.removeEventListener("scroll", this.scrollFun);
+    window.removeEventListener("scroll", this.scrollFun);
   },
   methods: {
     ...mapActions(["setUserInfo"]),
@@ -360,7 +361,14 @@ export default {
         document.body.scrollTop || document.documentElement.scrollTop;
         let h;
       const catalogue = document.getElementById("catalogue-content");
+      const intro = document.getElementById("intro-content");
+
+      console.log(`intor.offsetTop catalogue.offsetTop`, intro.offsetTop, catalogue.offsetTop);
+      console.log(`intor.offsetHeight catalogue.offsetHeight`, intro.offsetHeight, catalogue.offsetHeight);
+
+
       // const h = catalogue.offsetTop - 600;
+      // 显示头部导航
       if (scrollTop > 20) {
         this.isBlack = true;
         this.bgColor = "#fff";
@@ -369,16 +377,29 @@ export default {
         this.bgColor = "none";
       }
 
-      // this.fixedFlag = scrollTop > 300 ? true : false;
-      // 中华医学会项目
-      if(this.project.cmeType == 2) {
-        h = catalogue.offsetTop - 520;
-        this.fixedFlag = scrollTop > 280 ? true : false;
+      // 如果滚动高度大于简介头部（并减去tab高度），则进行固定
+      if(scrollTop > intro.offsetTop - 60) {
+        this.fixedFlag = true;
       } else {
-        h = catalogue.offsetTop - 600;
-        this.fixedFlag = scrollTop > 420 ? true : false;
+        this.fixedFlag = false;
       }
-      this.tabFlag = scrollTop > h ? false : true;
+      // 如果如果滚动高度大于
+      if(scrollTop > catalogue.offsetTop - 600) {
+        this.tabFlag = true;
+      } else {
+        this.tabFlag = false;
+      }
+
+      // this.fixedFlag = scrollTop > 300 ? true : false;
+      // 中华医学会项目
+      // if(this.project.cmeType == 2) {
+      //   h = catalogue.offsetTop - 520;
+      //   this.fixedFlag = scrollTop > 280 ? true : false;
+      // } else {
+      //   h = catalogue.offsetTop - 600;
+      //   this.fixedFlag = scrollTop > 420 ? true : false;
+      // }
+      // this.tabFlag = scrollTop > h ? false : true;
     },
 
     // token是否失效校验
@@ -473,14 +494,11 @@ export default {
       this.fixedFlag = true;
       const intro = document.getElementById("intro-content");
       const title = document.getElementById("content-title");
-      console.log(`intor.offsetTop title.offsetTop`, intro.offsetTop, title.offsetTop);
-      console.log(`intor.offsetHeight title.offsetHeight`, intro.offsetHeight, title.offsetHeight);
       let h;
       if (this.isWeb) {
         h = intro.offsetTop - title.offsetHeight;
       } else {
         h = intro.offsetTop - 85 - title.offsetHeight;
-        // h = intro.offsetTop - 75 - title.offsetHeight;
       }
       window.scrollTo(0, h);
       this.isBlack = true;
@@ -501,7 +519,7 @@ export default {
       if (this.isWeb) {
         h = catalogue.offsetTop - title.offsetHeight;
       } else {
-        h = catalogue.offsetTop - 85 - title.offsetHeight;
+        h = catalogue.offsetTop - 75 - title.offsetHeight;
       }
       window.scrollTo(0, h);
       this.isBlack = true;