JS 计算当前浏览器的滚动条宽度

最新推荐文章于 2024-05-29 16:27:42 发布

原创最新推荐文章于 2024-05-29 16:27:42 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 同时被 2 个专栏收录

25 篇文章

订阅专栏

sqlserver

2 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于计算浏览器中元素的滚动条宽度。通过创建一个临时元素并设置特定样式，该函数能够准确测量滚动条所占用的空间。

function getScrollbarWidth() {
    var oP = document.createElement('p'),
        styles = {
            width: '100px',
            height: '100px',
            overflowY: 'scroll'
        }, i, scrollbarWidth;
    for (i in styles) oP.style[i] = styles[i];
    document.body.appendChild(oP);
    scrollbarWidth = oP.offsetWidth - oP.clientWidth;
    try {
        oP.remove();
    } catch (error) {
        oP.removeNode(true);
    }
    return scrollbarWidth;
}