Skip to content

Instantly share code, notes, and snippets.

@kocoten1992

kocoten1992/gist:c7b7775ec705a8db96cf1902d91bf049

Created November 7, 2016 06:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kocoten1992/c7b7775ec705a8db96cf1902d91bf049 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kocoten1992/c7b7775ec705a8db96cf1902d91bf049 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. kocoten1992 created this gist Nov 7, 2016.
    24 changes: 24 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    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;
    // force scrollbars
    outer.style.overflow = "scroll";

    // add innerdiv
    var inner = document.createElement("div");
    inner.style.width = "100%";
    outer.appendChild(inner);

    var widthWithScroll = inner.offsetWidth;

    // remove divs
    outer.parentNode.removeChild(outer);

    return widthNoScroll - widthWithScroll;
    }