Function getScrollBarWidth

RightClick_ScrollBar_BackToTop.user.js:40–63

()

    // 获取网页右侧滚动条宽度
    function getScrollBarWidth() {
        // 创建一个临时的 div 元素
        const div = document.createElement('div');
        div.style.overflow = 'scroll'; // 强制出现滚动条
        div.style.visibility = 'hidden'; // 不要显示出来
        //div.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps?
        div.style.width = '100px'; // 设置宽度
        div.style.height = '100px'; // 设置高度
        document.body.appendChild(div); // 将 div 添加到文档

        // 创建一个内嵌的 div
        const innerDiv = document.createElement('div');
        innerDiv.style.width = '100%'; // 设置宽度为 100%
        innerDiv.style.height = '100%'; // 设置高度为 100%
        div.appendChild(innerDiv); // 将内嵌 div 添加到外部 div

        // 计算滚动条宽度
        const scrollBarWidth = div.offsetWidth - innerDiv.offsetWidth;

        // 移除临时 div
        div.parentNode.removeChild(div);

        return scrollBarWidth; // 返回滚动条宽度
    }
})();