Scrollbar width

Angelos Chalaris · JavaScript, Browser · Jul 16, 2022

Calculates the width of the window's vertical scrollbar.

  • Use Window.innerWidth to get the interior width of the window.
  • Use Element.clientWidth to get the inner width of the Document element.
  • Subtract the two values to get the width of the vertical scrollbar.
const getScrollbarWidth = () =>
  window.innerWidth - document.documentElement.clientWidth;
getScrollbarWidth(); // 15

Recommended snippets