diff --git a/src/view/index/side/index.component.scss b/src/view/index/side/index.component.scss
index 8b1bad69b0748e61a8a4358a700ed7d8627a0ad5..05cf23cf5f0030a307036d430397325fdab2c9f4 100644
--- a/src/view/index/side/index.component.scss
+++ b/src/view/index/side/index.component.scss
@@ -32,6 +32,7 @@ $sideWidth: 200px;
 
   .box {
     flex: 1;
+    transition: .1s linear;
   }
 }
 
diff --git a/src/view/index/side/index.component.ts b/src/view/index/side/index.component.ts
index 742a290555c43a878ca87addc3e45d52a9a6f0fc..74e2dcac207eec46f13b0afd5a964d707038074a 100644
--- a/src/view/index/side/index.component.ts
+++ b/src/view/index/side/index.component.ts
@@ -32,7 +32,7 @@ export default class HomeComponent {
   openIndex = queryString().page
   contentEl: HTMLElement
   searchEngineList = searchEngineList
-  marginTop: number = 50
+  marginTop: number = 60
 
   constructor (private router: Router, private activatedRoute: ActivatedRoute) {}
 
@@ -64,11 +64,13 @@ export default class HomeComponent {
     })
   }
 
-  ngAfterViewInit() {
+  ngAfterContentInit() {
     window.addEventListener('scroll', this.scroll)
 
-    const headerEl = document.querySelector('.search-header')
-    this.marginTop = headerEl.clientHeight
+    setTimeout(() => {
+      const headerEl = document.querySelector('.search-header')
+      this.marginTop = headerEl.clientHeight
+    }, 26)
   }
 
   ngOnDestroy() {