提交

src/views/mobile/article/detail.vue

 <template>
-    <div class="overfolowWrapper" ref="overfolowWrapper" @scroll.passive="getScroll($event)">
+    <div class="overfolowWrapper" ref="overfolowWrapper" @scroll.passive="getScroll($event)" v-if="articleInfo">
 
-        <div class="articleDetail" v-if="articleInfo" :style="{marginBottom: !$route.query.isShow&&!isCanComment&&recommendListData.length==0?'1.2rem':''}">
+        <div class="articleDetail" :style="{marginBottom: !$route.query.isShow&&!isCanComment&&recommendListData.length==0?'1.2rem':''}">
             <p class="title">
                 {{articleInfo.contentTitle}}
             </p>
@@ -330,8 +330,8 @@
                 }
             },
 
-            getScroll(e) {
-                this.top = event.target.scrollTop;
+            getScroll(e){
+                this.top = e.target.scrollTop;
                 if(this.top>window.innerHeight) this.isShowTop = true;
                 else this.isShowTop = false;
 
@@ -921,6 +921,13 @@
                 this.getArticleDetail();
                 this.getRecommendListDetail();
             },
+            top(newVal,oldVal){
+                if(newVal!=oldVal){
+                    if(this.articleInfo.videoAudioType==1){
+                        document.getElementsByTagName("video")[0].pause();
+                    }
+                }
+            }
 
         },
         beforeDestroy () {
@@ -1712,5 +1719,6 @@
     }
     .overfolowWrapper{
         overflow-x: hidden;
+        height: calc(100vh - 2.2rem);
     }
 </style>
\ No newline at end of file