diff --git a/src/components/d2-container/components/d2-container-card.vue b/src/components/d2-container/components/d2-container-card.vue
index 8e7e5631..a8450e98 100644
--- a/src/components/d2-container/components/d2-container-card.vue
+++ b/src/components/d2-container/components/d2-container-card.vue
@@ -4,7 +4,7 @@
       <slot name="header"/>
     </div>
     <div class="d2-container-card__body">
-      <div class="d2-container-card__body-card">
+      <div class="d2-container-card__body-card" ref="body">
         <slot/>
       </div>
     </div>
@@ -15,7 +15,11 @@
 </template>
 
 <script>
+import scroll from './mixins/normal'
 export default {
-  name: 'd2-container-card'
+  name: 'd2-container-card',
+  mixins: [
+    scroll
+  ]
 }
 </script>
diff --git a/src/components/d2-container/components/d2-container-full.vue b/src/components/d2-container/components/d2-container-full.vue
index 0c8a719a..2a36d3ae 100644
--- a/src/components/d2-container/components/d2-container-full.vue
+++ b/src/components/d2-container/components/d2-container-full.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import scroll from './mixins/scroll.normal'
+import scroll from './mixins/normal'
 export default {
   name: 'd2-container-full',
   mixins: [
diff --git a/src/components/d2-container/components/d2-container-ghost.vue b/src/components/d2-container/components/d2-container-ghost.vue
index 64b37bf6..4527643f 100644
--- a/src/components/d2-container/components/d2-container-ghost.vue
+++ b/src/components/d2-container/components/d2-container-ghost.vue
@@ -3,7 +3,7 @@
     <div v-if="$slots.header" class="d2-container-ghost__header" ref="header">
       <slot name="header"/>
     </div>
-    <div class="d2-container-ghost__body">
+    <div class="d2-container-ghost__body" ref="body">
       <slot/>
     </div>
     <div v-if="$slots.footer" class="d2-container-ghost__footer" ref="footer">
@@ -11,3 +11,13 @@
     </div>
   </div>
 </template>
+
+<script>
+import scroll from './mixins/normal'
+export default {
+  name: 'd2-container-ghost',
+  mixins: [
+    scroll
+  ]
+}
+</script>
diff --git a/src/components/d2-container/components/mixins/scroll.normal.js b/src/components/d2-container/components/mixins/normal.js
similarity index 90%
rename from src/components/d2-container/components/mixins/scroll.normal.js
rename to src/components/d2-container/components/mixins/normal.js
index 8b118f44..317132c0 100644
--- a/src/components/d2-container/components/mixins/scroll.normal.js
+++ b/src/components/d2-container/components/mixins/normal.js
@@ -49,10 +49,11 @@ export default {
     // 外部调用的方法 返回顶部
     scrollToTop () {
       const smoothscroll = () => {
-        var currentScroll = this.$refs.body.scrollTop
+        const body = this.$refs.body
+        const currentScroll = body.scrollTop
         if (currentScroll > 0) {
           window.requestAnimationFrame(smoothscroll)
-          this.$refs.body.scrollTo(0, currentScroll - (currentScroll / 5))
+          body.scrollTo(0, currentScroll - (currentScroll / 5))
         }
       }
       smoothscroll()