滚动条宽度
计算窗口的垂直滚动条宽度。
- 使用
Window.innerWidth
获取窗口的内部宽度。 - 使用
Element.clientWidth
获取Document
元素的内部宽度。 - 两个值相减得到垂直滚动条的宽度。
const getScrollbarWidth = () =>
window.innerWidth - document.documentElement.clientWidth;
getScrollbarWidth(); // 15
计算窗口的垂直滚动条宽度。
Window.innerWidth
获取窗口的内部宽度。Element.clientWidth
获取 Document
元素的内部宽度。const getScrollbarWidth = () =>
window.innerWidth - document.documentElement.clientWidth;
getScrollbarWidth(); // 15