diff --git a/src/components/d2-container/components/d2-container-full.vue b/src/components/d2-container/components/d2-container-full.vue
index e789a244..bc66cc79 100644
--- a/src/components/d2-container/components/d2-container-full.vue
+++ b/src/components/d2-container/components/d2-container-full.vue
@@ -3,7 +3,7 @@
     <div v-if="$slots.header" class="d2-container-full__header" ref="header">
       <slot name="header"/>
     </div>
-    <div class="d2-container-full__body">
+    <div class="d2-container-full__body" ref="body">
       <slot/>
     </div>
     <div v-if="$slots.footer" class="d2-container-full__footer" ref="footer">
@@ -13,7 +13,13 @@
 </template>
 
 <script>
+import scroll from './mixins/scroll.normal'
 export default {
-  name: 'd2-container-full'
+  name: 'd2-container-full',
+  mixins: [
+    scroll({
+      ref: 'body'
+    })
+  ]
 }
 </script>
diff --git a/src/components/d2-container/components/mixins/scroll.normal.js b/src/components/d2-container/components/mixins/scroll.normal.js
new file mode 100644
index 00000000..34e800d6
--- /dev/null
+++ b/src/components/d2-container/components/mixins/scroll.normal.js
@@ -0,0 +1,26 @@
+// 提供滚动方面的功能
+// 非滚动优化模式通用
+
+import { throttle } from 'lodash'
+
+/**
+ * 根据配置输出 mixin 设置
+ * @param {String} ref 滚动容器 ref 名称
+ */
+export default function ({ ref }) {
+  return {
+    data () {
+      return {
+        throttledHandleScroll: throttle(() => {
+          console.log(this.$refs[ref].scrollTop)
+        }, 300)
+      }
+    },
+    mounted () {
+      this.$refs[ref].addEventListener('scroll', this.throttledHandleScroll)
+    },
+    beforeDestroy () {
+      this.$refs[ref].removeEventListener('scroll', this.throttledHandleScroll)
+    }
+  }
+}