如何使用javascript获得滚动条宽度（在最新的chrome中）

我想用JavaScript找到滚动条的宽度，以便在CSS中使用它。我试过这个：

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

---

但我运气不好。我正在运行chrome 86。

你可以设置它的样式，但它在大多数浏览器的旧版本上不受广泛支持。考虑到这一点，要获得宽度，你可以在我的头上做很多事情中的一件，你可以使用它

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

由于offsetWidth包括scrollbarwidth，而clientWidth不包括

，请在此查看