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;
|
};
|
