getScrollbarSize.js

getScrollbarSize.js

// getScrollbarSize.js v1
const cssText = '#scrollbar-size{height:99px;overflow:scroll;position:absolute;top:-9999px;width:99px}',
	head = document.getElementsByTagName('head')[0] || document.body.parentNode.children[0],
	style = document.createElement('style'),
	scrollSizeDiv = document.createElement('div'),
	scrollbarSize = undefined;
style.setAttribute('type', 'text/css');
style.setAttribute('rel', 'stylesheet');
if (!('styleSheet' in style)) {
	style.appendChild(document.createTextNode(cssText));
} else {
	style.styleSheet.cssText = cssText;
};
head.appendChild(style);
scrollSizeDiv.id = 'scrollbar-size';
document.body.appendChild(scrollSizeDiv);
scrollbarSizeX = scrollSizeDiv.offsetWidth - scrollSizeDiv.clientWidth;
scrollbarSizeY = scrollSizeDiv.offsetHeight - scrollSizeDiv.clientHeight;