Skip to content

Instantly share code, notes, and snippets.

@frontgirl

frontgirl/scrollbarWidth.js

Forked from kflorence/scrollbarWidth.js
Last active December 7, 2018 01:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save frontgirl/5a13bb19d1b656a18202b25ccf7b7e15 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save frontgirl/5a13bb19d1b656a18202b25ccf7b7e15 to your computer and use it in GitHub Desktop.
Download ZIP
Calculate scroll bar width cross-browser
Raw
scrollbarWidth.js
function getScrollBarWidth() {
const inner = document.createElement('p');
inner.style.width = "100%";
inner.style.height = "200px";
const outer = document.createElement('div');
outer.style.position = "absolute";
outer.style.top = "0px";
outer.style.left = "0px";
outer.style.visibility = "hidden";
outer.style.width = "200px";
outer.style.height = "150px";
outer.style.overflow = "hidden";
outer.appendChild(inner);
document.body.appendChild(outer);
const innerWidth = inner.offsetWidth;
outer.style.overflow = 'scroll';
let outerWidth = inner.offsetWidth;
if (innerWidth == outerWidth) {
outerWidth = outer.clientWidth;
}
document.body.removeChild(outer);
return (innerWidth - outerWidth);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment