angular2-data-table
Version:
angular2-data-table is a Angular2 component for presenting large and complex data.
27 lines (21 loc) • 725 B
text/typescript
/**
* Gets the width of the scrollbar. Nesc for windows
* http://stackoverflow.com/a/13382873/888165
* @return {int} width
*/
export function getScrollBarWidth() {
let outer = document.createElement('div');
outer.style.visibility = 'hidden';
outer.style.width = '100px';
outer.style.msOverflowStyle = 'scrollbar';
document.body.appendChild(outer);
let widthNoScroll = outer.offsetWidth;
outer.style.overflow = 'scroll';
let inner = document.createElement('div');
inner.style.width = '100%';
outer.appendChild(inner);
let widthWithScroll = inner.offsetWidth;
outer.parentNode.removeChild(outer);
return widthNoScroll - widthWithScroll;
};
export const scrollbarWidth = getScrollBarWidth();