Advertisement
rdsedmundo

getScrollbarWidth

Oct 19th, 2016
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function getScrollbarWidth() {
  2.     var outer = document.createElement("div");
  3.     outer.style.visibility = "hidden";
  4.     outer.style.width = "100px";
  5.     outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps
  6.  
  7.     document.body.appendChild(outer);
  8.  
  9.     var widthNoScroll = outer.offsetWidth;
  10.     // force scrollbars
  11.     outer.style.overflow = "scroll";
  12.  
  13.     // add innerdiv
  14.     var inner = document.createElement("div");
  15.     inner.style.width = "100%";
  16.     outer.appendChild(inner);
  17.  
  18.     var widthWithScroll = inner.offsetWidth;
  19.  
  20.     // remove divs
  21.     outer.parentNode.removeChild(outer);
  22.  
  23.     return widthNoScroll - widthWithScroll;
  24. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement