框架样式顶部固定

src/assets/styles/sidebar.scss

@@ -1,13 +1,13 @@
 #app {
 
   .main-container {
-    height: calc(100%-80px); 
-    // width: calc(100%-240px);
+    height: 90%;  
+    // overflow-y: auto;
     width: -webkit-fill-available;
     transition: margin-left .28s;
     margin-left: $base-sidebar-width;
-    position: absolute;
-    top: 84px;
+    // position: absolute;
+    // top: 84px;
   }
 
   .sidebarHide {
@@ -19,16 +19,16 @@
     transition: width 0.28s;
     width: $base-sidebar-width !important;
     background-color: $base-menu-background;
-    height: inherit;
+    height: 90%;
     position: absolute;
     font-size: 0px;
     top: 84px;
     bottom: 0;
     left: 0;
     z-index: 1001;
-    overflow: hidden;
-    // -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
-    // box-shadow: 2px 0 6px rgba(0,21,41,.35);
+    // overflow: hidden;
+    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
+    box-shadow: 2px 0 6px rgba(0,21,41,.35);
 
     // reset element-ui css
     .horizontal-collapse-transition {

src/layout/components/AppMain.vue

@@ -29,7 +29,8 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  height: 85vh;
+  overflow-y: auto;
   width: 100%;
   position: relative;
   overflow: hidden;
@@ -42,7 +43,8 @@ export default {
 .hasTagsView {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    height: 85vh;
+    overflow-y: auto;
   }
 
   .fixed-header + .app-main {