获取元素的滚动条宽度

要获取滚动条的宽度,可以使用ElementoffsetWidthclientWidth

  • offsetWidth 返回Element 的宽度(以像素为单位),包括滚动条。
  • clientWidth 返回Element 的宽度(以像素为单位),不包括滚动条。

因此,要获取滚动条的宽度,只需执行以下简单计算。

const box = document.querySelector('.box');
const scrollbarWidth = box.offsetWidth - box .clientWidth;Code language: JavaScript (javascript)

以下代码返回文档的滚动条宽度。

const scrollbarWidth = document.body.offsetWidth - document.body.clientWidth;Code language: JavaScript (javascript)
本教程对您有帮助吗?