30-seconds-of-code/snippets/getScrollbarWidth.md

title, tags, cover, author, firstSeen

title	tags	cover	author	firstSeen
Scrollbar width	browser	violin	chalarangelo	2022-07-16T05:00:00-04:00

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