Skip to content

Instantly share code, notes, and snippets.

@matijs
Last active December 30, 2015 21:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matijs/7888977 to your computer and use it in GitHub Desktop.
Save matijs/7888977 to your computer and use it in GitHub Desktop.
calculate the size of the scrollbar
var scrollbarSize = (function() {
var inner = document.createElement( "div" ),
outer = document.createElement( "div" );
inner.style.width = "100%";
inner.style.height = "60px";
outer.style.position = "absolute";
outer.style.top = "0";
outer.style.left = "0";
outer.style.visibility = "hidden";
outer.style.width = "50px";
outer.style.height = "50px";
outer.style.overflow = "hidden";
outer.appendChild( inner );
document.body.appendChild( outer );
var sizeBefore = inner.offsetWidth;
outer.style.overflow = "scroll";
var sizeAfter = inner.offsetWidth;
if ( sizeBefore === sizeAfter ) {
sizeAfter = outer.clientWidth;
}
document.body.removeChild( outer );
return ( sizeBefore - sizeAfter );
}());
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment