diff --git a/src/components/Sticky/index.vue b/src/components/Sticky/index.vue
index 15e18f94..2c9657be 100644
--- a/src/components/Sticky/index.vue
+++ b/src/components/Sticky/index.vue
@@ -33,9 +33,18 @@ export default {
       height: undefined,
       child: null,
       stickyHeight: 0
-
     }
   },
+  mounted() {
+    this.height = this.$el.getBoundingClientRect().height
+    window.addEventListener('scroll', this.handleScroll)
+  },
+  activated() {
+    this.handleScroll()
+  },
+  destroyed() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
   methods: {
     sticky() {
       if (this.active) {
@@ -62,13 +71,6 @@ export default {
       }
       this.reset()
     }
-  },
-  mounted() {
-    this.height = this.$el.getBoundingClientRect().height
-    window.addEventListener('scroll', this.handleScroll)
-  },
-  destroyed() {
-    window.removeEventListener('scroll', this.handleScroll)
   }
 }
 </script>