diff --git a/src/utils/popup/index.js b/src/utils/popup/index.js
index 88cf1e214..a74d8f875 100644
--- a/src/utils/popup/index.js
+++ b/src/utils/popup/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import merge from 'element-ui/src/utils/merge';
 import PopupManager from 'element-ui/src/utils/popup/popup-manager';
+import getScrollBarWidth from '../scrollbar-width';
 
 let idSeed = 1;
 const transitions = [];
@@ -38,29 +39,6 @@ const hookTransition = (transition) => {
 };
 
 let scrollBarWidth;
-const getScrollBarWidth = () => {
-  if (Vue.prototype.$isServer) return;
-  if (scrollBarWidth !== undefined) return scrollBarWidth;
-
-  const outer = document.createElement('div');
-  outer.style.visibility = 'hidden';
-  outer.style.width = '100px';
-  outer.style.position = 'absolute';
-  outer.style.top = '-9999px';
-  document.body.appendChild(outer);
-
-  const widthNoScroll = outer.offsetWidth;
-  outer.style.overflow = 'scroll';
-
-  const inner = document.createElement('div');
-  inner.style.width = '100%';
-  outer.appendChild(inner);
-
-  const widthWithScroll = inner.offsetWidth;
-  outer.parentNode.removeChild(outer);
-
-  return widthNoScroll - widthWithScroll;
-};
 
 const getDOM = function(dom) {
   if (dom.nodeType === 3) {
@@ -91,8 +69,7 @@ export default {
       type: Boolean,
       default: true
     },
-    modalClass: {
-    },
+    modalClass: {},
     lockScroll: {
       type: Boolean,
       default: true
@@ -294,4 +271,6 @@ export default {
   }
 };
 
-export { PopupManager };
+export {
+  PopupManager
+};