diff --git a/src/layout/Sidebar/index.vue b/src/layout/Sidebar/index.vue
index 76f59bd9ac7adc2446be0c8e64f658a15e68bfc4..f29b7d983e76d35e8a69eec95e0c46849ebdd282 100644
--- a/src/layout/Sidebar/index.vue
+++ b/src/layout/Sidebar/index.vue
@@ -102,10 +102,12 @@ export default {
 <style lang="scss" scoped>
 .side-container {
   text-align: center;
-  position: relative;
+  position: fixed;
+  top:0;
   display: flex;
   width: 200px;
-  height: 100%;
+  height:100vh;
+
   overflow: hidden;
   .side-left,
   .side-right {