diff --git a/docs/zh/guide/change-log.md b/docs/zh/guide/change-log.md
index e83db96c..763b03aa 100644
--- a/docs/zh/guide/change-log.md
+++ b/docs/zh/guide/change-log.md
@@ -20,6 +20,9 @@
 * [ 修改 ] 删除 `timeago` 插件，更换为更强大的 `dayjs`
 * [ 新增 ] `Tomorrow Night Blue` 主题
 * [ 修改 ] `src/assets/style/public-class.scss` 写法优化
+* [ 新增 ] [vue-bigdata-table](https://github.com/lison16/vue-bigdata-table)组件
+* [ 修复 ] 侧边栏内容超过一屏后显示错误
+* [ 新增 ] 自定义滚动条演示页面
 
 ## v1.0.0
 
diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss
index 107541e4..ac7fc46a 100644
--- a/src/assets/style/theme/theme.scss
+++ b/src/assets/style/theme/theme.scss
@@ -5,15 +5,6 @@
   background-size: cover;
   background-position: center;
   position: relative;
-  // &:before {
-  //   content: '';
-  //   position: absolute;
-  //   top: 0px;
-  //   right: 0px;
-  //   bottom: 0px;
-  //   left: 0px;
-  //   background-color: rgba(#000, .5);
-  // }
   // [布局] 顶栏
   .el-header {
     padding: 0px;
@@ -78,7 +69,7 @@
     // 侧边栏
     .el-aside {
       transition: width .3s;
-      overflow: inherit;
+      overflow: auto;
       // [菜单] 正常状态
       .el-menu {
         @extend %unable-select;
diff --git a/src/components/core/d2-layout-main/components/-theme/index.vue b/src/components/core/d2-layout-main/components/-theme/index.vue
index f01b7671..dd990832 100644
--- a/src/components/core/d2-layout-main/components/-theme/index.vue
+++ b/src/components/core/d2-layout-main/components/-theme/index.vue
@@ -6,7 +6,7 @@
       </el-button>
     </el-tooltip>
     <el-dialog title="主题" width="600px" :visible.sync="dialogVisible">
-      <d2-theme-list/>
+      <d2-theme-list style="margin-top: -20px;"/>
     </el-dialog>
   </div>
 </template>
diff --git a/src/components/core/d2-layout-main/index.vue b/src/components/core/d2-layout-main/index.vue
index 9183ffa6..089e8fcf 100644
--- a/src/components/core/d2-layout-main/index.vue
+++ b/src/components/core/d2-layout-main/index.vue
@@ -20,7 +20,7 @@
     <!-- 下面 主体 -->
     <el-container>
       <!-- 主体 侧边栏 -->
-      <el-aside :style="{width: collapse ? asideWidthCollapse : asideWidth}">
+      <el-aside ref="aside" :style="{width: collapse ? asideWidthCollapse : asideWidth}">
         <d2-layout-main-menu-side :collapse="collapse"/>
       </el-aside>
       <!-- 主体 -->
diff --git a/src/menu/index.js b/src/menu/index.js
index 05afb67a..4b146d03 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -87,7 +87,8 @@ const demoComponents = {
         { path: `${pre}markdown/url`, title: '异步加载文件' }
       ]
     },
-    { path: `${pre}bigdata-table`, title: '超大量数据表格' },
+    { path: `${pre}bigdata-table`, title: '百万数量级表格' },
+    { path: `${pre}scrollbar`, title: '滚动条' },
     { path: `${pre}countup`, title: '数字动画' },
     { path: `${pre}editor-quill`, title: '富文本编辑器' },
     { path: `${pre}editor-simpleMDE`, title: 'markdown编辑器' },
diff --git a/src/pages/demo/components/scrollbar/index.vue b/src/pages/demo/components/scrollbar/index.vue
new file mode 100644
index 00000000..bb74c16e
--- /dev/null
+++ b/src/pages/demo/components/scrollbar/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <d2-container>
+    <template slot="header">自定义滚动条</template>
+    <el-card shadow="never" class="demo-scrollbar-card">
+      <div class="demo-scrollbar-card-inner">
+        <el-scrollbar>
+          <div class="demo-scrollbar-group">
+            <div v-for="n in 20" :key="n" class="demo-scrollbar-item">
+              <el-button size="mini">n : {{n}}</el-button>
+            </div>
+          </div>
+        </el-scrollbar>
+      </div>
+    </el-card>
+  </d2-container>
+</template>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.demo-scrollbar-card {
+  width: 300px;
+  .demo-scrollbar-card-inner {
+    margin: -20px;
+  }
+  .demo-scrollbar-group {
+    height: 200px;
+    .demo-scrollbar-item {
+      padding: 10px;
+      border-bottom: 1px solid $color-border-4;
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/demo/components/scrollbar/md/doc.md b/src/pages/demo/components/scrollbar/md/doc.md
new file mode 100644
index 00000000..158a909f
--- /dev/null
+++ b/src/pages/demo/components/scrollbar/md/doc.md
@@ -0,0 +1 @@
+[hahaha](https://github.com/ElemeFE/element/issues/2238)
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index af0ce1e1..5f0be777 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -42,7 +42,8 @@ const routes = [
       { path: 'layout/grid', name: `${pre}layout-grid`, component: () => import('@/pages/demo/components/layout/grid.vue') },
       { path: 'layout/splitpane', name: `${pre}layout-splitpane`, component: () => import('@/pages/demo/components/layout/splitpane.vue') },
       { path: 'markdown/source', name: `${pre}markdown-source`, component: () => import('@/pages/demo/components/markdown/source.vue') },
-      { path: 'markdown/url', name: `${pre}markdown-url`, component: () => import('@/pages/demo/components/markdown/url.vue') }
+      { path: 'markdown/url', name: `${pre}markdown-url`, component: () => import('@/pages/demo/components/markdown/url.vue') },
+      { path: 'scrollbar', name: `${pre}scrollbar`, component: () => import('@/pages/demo/components/scrollbar/index.vue') }
     ])('demo-components-')
   },
   {