1234567891011121314151617181920212223242526272829 |
- import Vue from 'vue';
- let scrollBarWidth;
- export default function() {
- if (Vue.prototype.$isServer) return 0;
- if (scrollBarWidth !== undefined) return scrollBarWidth;
- const outer = document.createElement('div');
- outer.className = 'el-scrollbar__wrap';
- 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);
- scrollBarWidth = widthNoScroll - widthWithScroll;
- return scrollBarWidth;
- };
|