暂存

src/assets/css/common.scss

@@ -75,10 +75,12 @@ body {
   height: 100%;
   width: 100%;
   background-color: #fff;
-  position: fixed;
+  // position: relative;
+  // z-index:1;
+  // position: fixed;
   padding:0;
   margin: 0;
-  overflow: hidden;
+  // overflow: hidden;
 }
 
 .fillcontain {

src/assets/css/index.scss

@@ -8,7 +8,7 @@
   height: 100%;
   width: 100%;
   background-color: #fff;
-  position: fixed;
+  position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;

src/layout/components/AppMain.vue

@@ -1,5 +1,5 @@
 <template>
-  <div   class="app-main">
+  <div class="app-main">
     <transition name="fade-transform" mode="out-in">
       <keep-alive :include="cachedViews">
         <router-view :key="key" />
@@ -32,48 +32,34 @@ export default {
 @import "~@/styles/sidebar.scss";
 @import "~@/styles/btn.scss";
 .app-main {
-  // min-height: calc(100vh - 50px);
   min-height: 100%;
-  //calc(100vh - 50px);
   width: 100%;
   height: 100%;
-  position: fixed;
-  // overflow: scroll;
+  position: relative;
   padding: 50px 0 0 0;
+  overflow-y: scroll;
+  min-width: 1200px;
+  @include scrollBar();
   box-sizing: border-box;
-  // @include scrollBar();
 }
 
 .fixed-header + .app-main {
-  // min-height: calc(100vh - 50px);
   min-height: 100%;
-  //calc(100vh - 50px);
   width: 100%;
   height: 100%;
-  position: fixed;
-  // overflow: scroll;
   padding: 50px 0 0 0;
   box-sizing: border-box;
-  // @include scrollBar();
 }
 
 .hasTagsView {
   .app-main {
     // min-height: calc(100vh - 50px);
     min-height: 100%;
-    //calc(100vh - 50px);
     width: 100%;
     height: 100%;
-    position: fixed;
-    // overflow: scroll;
     padding: 50px 0 0 0;
     box-sizing: border-box;
-    // @include scrollBar();
   }
-
-  // .fixed-header+.app-main {
-  //   padding-top: 84px;
-  // }
 }
 </style>
 

src/layout/index.vue

@@ -69,11 +69,11 @@ export default {
   @include clearfix;
   height: 100%;
   width: 100%;
-  position: fixed;
-  overflow: hidden;
+  min-width: 1200px;
+  position: relative;
 
   &.mobile.openSidebar {
-    position: fixed;
+    // position: fixed;
     top: 0;
   }
 }

src/styles/sidebar.scss

@@ -4,7 +4,8 @@
     height: 100%;
     transition: margin-left 0.28s;
     margin-left: $sideBarWidth;
-    position: fixed;
+    position: relative;
+    // width: 100%;;
     min-height: 100%;;
     min-width: calc( 1200px - 200px);
   }