diff --git a/src/components/core/d2-container/components/d2-container-full-bs.vue b/src/components/core/d2-container/components/d2-container-full-bs.vue
index 81019358..ee1235b1 100644
--- a/src/components/core/d2-container/components/d2-container-full-bs.vue
+++ b/src/components/core/d2-container/components/d2-container-full-bs.vue
@@ -15,7 +15,9 @@
 </template>
 
 <script>
+// 插件
 import BScroll from 'better-scroll'
+
 export default {
   name: 'd2-container-full',
   data () {
@@ -24,13 +26,26 @@ export default {
     }
   },
   mounted () {
-    this.BS = new BScroll(this.$refs.wrapper, {
-      mouseWheel: true,
-      scrollbar: {
-        fade: true,
-        interactive: false
+    this.scrollInit()
+  },
+  beforeDestroy () {
+    this.scrollDestroy()
+  },
+  methods: {
+    scrollInit () {
+      this.BS = new BScroll(this.$refs.wrapper, {
+        mouseWheel: true,
+        scrollbar: {
+          fade: true,
+          interactive: false
+        }
+      })
+    },
+    scrollDestroy () {
+      if (this.BS) {
+        this.BS.destroy()
       }
-    })
+    }
   }
 }
 </script>
diff --git a/src/components/core/d2-container/index.vue b/src/components/core/d2-container/index.vue
index 1dafcf6c..46ebf47c 100644
--- a/src/components/core/d2-container/index.vue
+++ b/src/components/core/d2-container/index.vue
@@ -65,7 +65,13 @@ export default {
     }
   },
   mounted () {
-    if (this.type !== 'full') {
+    this.scrollInit()
+  },
+  beforeDestroy () {
+    this.scrollDestroy()
+  },
+  methods: {
+    scrollInit () {
       this.BS = new BScroll(this.$refs.container, {
         mouseWheel: true,
         scrollbar: {
@@ -73,6 +79,11 @@ export default {
           interactive: false
         }
       })
+    },
+    scrollDestroy () {
+      if (this.BS) {
+        this.BS.destroy()
+      }
     }
   }
 }
diff --git a/src/pages/demo/plugins/better-scroll/base.vue b/src/pages/demo/plugins/better-scroll/base.vue
index 701c58ab..f9a77950 100644
--- a/src/pages/demo/plugins/better-scroll/base.vue
+++ b/src/pages/demo/plugins/better-scroll/base.vue
@@ -18,9 +18,26 @@ export default {
     }
   },
   mounted () {
-    this.BS = new BScroll(this.$refs.wrapper, {
-      mouseWheel: true
-    })
+    this.scrollInit()
+  },
+  beforeDestroy () {
+    this.scrollDestroy()
+  },
+  methods: {
+    scrollInit () {
+      this.BS = new BScroll(this.$refs.wrapper, {
+        mouseWheel: true,
+        scrollbar: {
+          fade: true,
+          interactive: false
+        }
+      })
+    },
+    scrollDestroy () {
+      if (this.BS) {
+        this.BS.destroy()
+      }
+    }
   }
 }
 </script>
diff --git a/src/pages/demo/plugins/better-scroll/to.vue b/src/pages/demo/plugins/better-scroll/to.vue
index 93e085d9..9077545b 100644
--- a/src/pages/demo/plugins/better-scroll/to.vue
+++ b/src/pages/demo/plugins/better-scroll/to.vue
@@ -42,7 +42,9 @@
 </template>
 
 <script>
+// 插件
 import BScroll from 'better-scroll'
+
 export default {
   data () {
     return {
@@ -51,9 +53,10 @@ export default {
     }
   },
   mounted () {
-    this.BS = new BScroll(this.$refs.wrapper, {
-      mouseWheel: true
-    })
+    this.scrollInit()
+  },
+  beforeDestroy () {
+    this.scrollDestroy()
   },
   methods: {
     handleScrollTo (y) {
@@ -64,6 +67,20 @@ export default {
     },
     handleScrollToElement (n) {
       this.BS.scrollToElement(`#demo-bs-item-${n}`, this.time)
+    },
+    scrollInit () {
+      this.BS = new BScroll(this.$refs.wrapper, {
+        mouseWheel: true,
+        scrollbar: {
+          fade: true,
+          interactive: false
+        }
+      })
+    },
+    scrollDestroy () {
+      if (this.BS) {
+        this.BS.destroy()
+      }
     }
   }
 }