andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
30baabe38fe2c56a1208ec7b65861c43b45c0b8a
30-seconds-of-code/snippets/getScrollbarWidth.md
Chalarangelo 82a94e1160 Add scrollbar width snippet
2022-07-16 17:38:47 +03:00

569 B
Raw Blame History

title, tags, expertise, cover, author, firstSeen
title tags expertise cover author firstSeen
Scrollbar width browser beginner blog_images/violin.jpg 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