modified: src/App.vue

	modified:   src/assets/index.scss
	modified:   src/views/details.vue

src/App.vue

@@ -21,21 +21,23 @@ export default {
   data() {
     return {};
   },
-  mounted() {},
-  methods: {},
-  // 路由改变重置当前选项
-  watch: {
-    $route(to, from) {
-      this.$refs.app.scrollTop = 0;
-    }
-  }
+  mounted() {
+    window.addEventListener('scroll', this.handlescroll, true);
+  },
+  methods: {}
 };
 </script>
 
 <style lang="scss" scoped>
+body {
+  width: 100vw;
+  height: 100vh;
+}
 #app {
-  width: 1920px;
-  height: 1080px;
-  overflow-y: auto;
+  // width: 1920px;
+  // height: 1080px;
+  // overflow-y: auto;
+  width: 100%;
+  height: 100%;
 }
 </style>

src/assets/index.scss

@@ -1,6 +1,4 @@
 html, body, #app{
-  width: 100%;
-  height: 100%;
   margin: 0;
   padding: 0;
   background: #fff;

src/views/details.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="detailsHome" v-if="contentsItem">
+  <div ref="detailsHome" class="detailsHome" v-if="contentsItem">
     <breadcrumb ref="breadcrumb"></breadcrumb>
     <img class="thumbnail" v-if="isshow" :src="contentsItem.thumbnail">
     <h1 class="title">{{ contentsItem.title }}</h1>
@@ -41,6 +41,7 @@ export default {
       return;
     }
     await this.contentsFetch({ id: this.id });
+    this.$refs.detailsHome.scrollIntoView(true);
   },
   methods: {
     ...mapActions(['contentsFetch', 'imgNewsFetch'])