​

setup();

​

function scrollbarWidth() {

  var scrollDiv = document.createElement("div");

  scrollDiv.style.cssText = 'width:100px;height:100px;overflow:scroll !important;position:absolute;top:-9999px';

  document.body.appendChild(scrollDiv);

  var result = scrollDiv.offsetWidth - scrollDiv.clientWidth;

  document.body.removeChild(scrollDiv);

  return result;

}

​

function logWidth(context) {

  var div = document.createElement('div');

  div.textContent = 'Scrollbar width is ' + scrollbarWidth() + 'px at ' + context;

  document.body.appendChild(div);

}

​

function oriented() {

  logWidth('orientationchange');

}

​

function resized() {

  logWidth('resized');

}

​

function showed() {

  logWidth('pageshow');

}

​

function setup() {

  if (document.body) {

    logWidth('init');

  }

​

  window.addEventListener('resize', resized);

​

  window.addEventListener('pageshow', pageshow);

​

  window.addEventListener('orientationchange', oriented);

​

}