@technobuddha/library/measure/measure.mjs

A large library of useful functions

export function getScrollbarSize() {
    const node = document.createElement('div');
    node.setAttribute('style', 'width: 100px; height: 100px; position: absolute; top: -1000000px; overflow: scroll;');
    document.body.appendChild(node);
    const scrollbarWidth = node.offsetWidth - node.clientWidth;
    const scrollbarHeight = node.offsetHeight - node.clientHeight;
    document.body.removeChild(node);
    return { scrollbarWidth, scrollbarHeight };
}
export function measure(element) {
    return { width: element.offsetWidth, height: element.offsetHeight, ...getScrollbarSize() };
}
export function measureWindow() {
    return { width: window.innerWidth, height: window.innerHeight, ...getScrollbarSize() };
}
export default measure;