diff --git a/public/index.html b/public/index.html
index d36fdea..61725f6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="beauty-scroll">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
diff --git a/src/components/menu/SideMenu.vue b/src/components/menu/SideMenu.vue
index 2ae5780..5275ca8 100644
--- a/src/components/menu/SideMenu.vue
+++ b/src/components/menu/SideMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-layout-sider :theme="sideTheme" :class="['side-menu', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
+  <a-layout-sider :theme="sideTheme" :class="['side-menu', 'beauty-scroll', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null">
     <div :class="['logo', theme]">
       <router-link to="/dashboard/workplace">
         <img src="@/assets/img/logo.png">
diff --git a/src/components/menu/index.less b/src/components/menu/index.less
index 171897f..856b376 100644
--- a/src/components/menu/index.less
+++ b/src/components/menu/index.less
@@ -2,7 +2,8 @@
   box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
 }
 .side-menu{
-  min-height: 100%;
+  min-height: 100vh;
+  overflow-y: auto;
   z-index: 10;
   .logo{
     height: 64px;
diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
index 80c364e..5736f84 100644
--- a/src/layouts/AdminLayout.vue
+++ b/src/layouts/AdminLayout.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '']">
+  <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '', 'beauty-scroll']">
     <drawer v-if="isMobile" v-model="collapsed">
       <side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
     </drawer>
