scroll top

src/views/result.vue

@@ -14,7 +14,7 @@
     </article>
 
     <!-- 有结果页面 -->
-    <article v-show="showTab1 || showTab2 || showTab3 || showTab4" style="position:relative;">
+    <article id="navbar-container-wrapper" v-show="showTab1 || showTab2 || showTab3 || showTab4" style="position:relative;">
       <div class="navbar-container" >
         <div class="navbar-container-item" v-show="showTab0" :class="{'bt-2': navIndex === '0'}" @click="navIndex = '0'">综合</div>
         <div class="navbar-container-item" v-show="showTab1" :class="{'bt-2': navIndex === '1'}" @click="navIndex = '1'">课程</div>
@@ -67,6 +67,7 @@
       </div>
     </article>
     <Loading v-show="showLoading"/>
+    <BackTop v-show="isShowTop" />
   </section>
 </template>
 
@@ -88,10 +89,13 @@ import CourseAdjust from '../components/business/course-adjust';
 import NoResultPage from '@/components/business/no-result-page'
 import Loading from '@/components/common/loading-new'
 import ConfirmTip from '@/components/common/confirm-tip'
+import BackTop from '@/components/common/backTop'
+
 
 export default {
   data() {
     return {
+      isShowTop: true,
       // token: '',
       navIndex: '0',
       showLoading: false,
@@ -132,7 +136,8 @@ export default {
     HealthComics,
     NoResultPage,
     Loading,
-    ConfirmTip
+    ConfirmTip,
+    BackTop
   },
   watch: {
     // selected(val) {
@@ -157,6 +162,7 @@ export default {
     window.__refresh = function(){
       _this.getUserInfo()
     }
+    window.addEventListener('scroll', this.scrollFun);
   },
   mounted(){
     this.getUserInfo()
@@ -301,6 +307,17 @@ export default {
     },
     getUserInfo: function () {
       rocNative.getUserInfo({'__funcName': '__getUserInfo'})
+    },
+    scrollFun() {
+      let navConWrapDom = document.querySelector('#navbar-container-wrapper')
+      let navConWrapDomOT = document.querySelector('#navbar-container-wrapper').offsetParent.offsetTop;
+      let scrollTop =  document.body.scrollTop || document.documentElement.scrollTop;
+      console.log('this' ,this, scrollTop > 50)
+      if(scrollTop > 50){
+        this.isShowTop = true
+      }
+      console.log(navConWrapDomOT)
+      console.log(scrollTop)
     }
   },
 }