react-scroll-loading-plugin/src/getScrollbarWidth.js

react scroll loading plugin

let scrollbarWidth = false;

export default function getScrollbarWidth() {
  if (scrollbarWidth !== false) return scrollbarWidth;
  /* istanbul ignore else */
  if (typeof document !== 'undefined') {
    const div = document.createElement('div');
    div.style.width = '100px'
    div.style.height = '100px'
    div.style.position = 'absolute'
    div.style.top = ' -9999'
    div.style.overflow = 'scroll'
    div.style.MsOverflowStyle = 'scrollbar'
    document.body.appendChild(div);
    scrollbarWidth = (div.offsetWidth - div.clientWidth);
    document.body.removeChild(div);
  } else {
    scrollbarWidth = 0;
  }
  return scrollbarWidth;
}