updated

src/framework/layout/Main.vue

@@ -2,10 +2,8 @@
     <div id='page-main' v-bind:class='{"page-sidebar-closed": sidebarClosed}'>
         <page-header></page-header>
 
-        <div id='page-container' class='page-container'>
-            <el-scrollbar tag="div" wrapClass="content-scrollbar">
-                <page-sidebar></page-sidebar>
-            </el-scrollbar>
+        <div id='page-container' class='page-container'>            
+            <page-sidebar></page-sidebar>            
             <div id='page-content-wrapper' class='page-content-wrapper'>
                 <div class='page-bar'>
                     <el-breadcrumb separator='/'>

src/framework/layout/PageSidebar.vue

@@ -1,5 +1,6 @@
 <template>
     <div id='page-sidebar-wrapper' class='page-sidebar-wrapper'>
+        <el-scrollbar tag="div" wrapClass="content-scrollbar">
         <el-menu
             :collapse='sidebarClosed'
             :default-active='sidebarSelected'
@@ -32,6 +33,7 @@
                 </el-menu-item>
             </template>
         </el-menu>
+        </el-scrollbar>
     </div>
 </template>
 <script>