sakura/src/utils/getScrollbarWidth.ts

14 lines
525 B
TypeScript

export default function getScrollbarWidth() {
const div1 = document.createElement('div')
const div2 = document.createElement('div')
div1.style.width = div2.style.width = div1.style.height = div2.style.height = '100px'
div1.style.overflow = 'scroll'
div2.style.overflow = 'hidden'
document.body.appendChild(div1)
document.body.appendChild(div2)
const scrollbarWidth = Math.abs(div1.scrollHeight - div2.scrollHeight)
document.body.removeChild(div1)
document.body.removeChild(div2)
return scrollbarWidth
}