要获取滚动条的宽度,可以使用Element
的offsetWidth
和clientWidth
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)
本教程对您有帮助吗?