30-seconds-of-code/javascript/snippets/get-scrollbar-width.md

title, type, tags, cover, author, dateModified

title	type	tags	cover	author	dateModified
Scrollbar width	snippet	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