javascript - 如何使用 javascript 获取滚动条宽度(在最新的 chrome 中)

标签 javascript html css

我想用 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 不包括

关于javascript - 如何使用 javascript 获取滚动条宽度(在最新的 chrome 中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65126695/

相关文章:

javascript - 我需要更新我的 jQuery 代码

javascript - 如何测试 Vuetify VHover?

html - Firefox 强制文本在同一行

CSS 圆 Angular Div

css - 同一容器中的顶部和底部 v 对齐

css - 如何在 Polymer 模板中使用 bool 值切换类?

javascript - 无法在 safari 中隐藏嵌入 iframe 中的 PDF?

javascript - Firefox Extension : self. port.on 没有将结果传递给外部函数

html - 如何更改 HTML-CSS 输入框中文本(由用户提供)的字体颜色?

html - 将超链接应用于 CSS 创建的 DIV