jquery 滚动条宽度

function getScrollbarWidth() {
    // 创建一个div元素
    var div = $('<div style="width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px;"></div>');
    $('body').append(div); // 将其添加到页面中

    // 计算滚动条宽度
    var scrollbarWidth = div.width() - div[0].clientWidth;

    // 移除该元素
    div.remove();

    return scrollbarWidth;
}

console.log('滚动条宽度:', getScrollbarWidth());

function getScrollbarWidth() {
    var outer = document.createElement("div");
    outer.style.visibility = "hidden";
    outer.style.width = "100px";
    outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps
    document.body.appendChild(outer);

    var widthNoScroll = outer.offsetWidth;
    // 强制显示滚动条
    outer.style.overflow = "scroll";

    // 添加一个内部元素
    var inner = document.createElement("div");
    inner.style.width = "100%";
    outer.appendChild(inner);

    var widthWithScroll = inner.offsetWidth;

    // 移除测试用的元素
    outer.parentNode.removeChild(outer);

    return widthNoScroll - widthWithScroll;
}

console.log('滚动条宽度:', getScrollbarWidth());