3

I want to find the scrollbar width with JavaScript to use it in CSS. I've tried this:

document.documentElement.style.setProperty('--scrollbar-width', (document.offsetWidth - document.clientWidth) + "px");

But I've had no luck. I'm running chrome 86.

Mart Jaegers
  • 31
  • 2
  • have a look here in this [Q](https://stackoverflow.com/questions/986937/how-can-i-get-the-browsers-scrollbar-sizes) – KcH Dec 03 '20 at 13:21

1 Answers1

0

Well you can style it but its not widely supported on older versions of most browsers just take that in consideration, to get the width you can do one of many things, on top of my head you could use

const scrollWidth = document.querySelect('.your-element-class').offsetWidth - document.querySelector('.your-element-class').clientWidth;

since offsetWidth is including scrollbarwidth and clientWidth is excluding

Breezer
  • 10,410
  • 6
  • 29
  • 50