js 获取浏览器滚动条的宽度

  function getScrollbarWidth() {
      var odiv = document.createElement('div'),//创建一个div
          styles = {
              width: '100px',
              height: '100px',
              overflowY: 'scroll' //让div有滚动条
          }, i, scrollbarWidth;
      for (i in styles) odiv.style[i] = styles[i];
      document.body.appendChild(odiv);//把div添加到body中
      scrollbarWidth = odiv.offsetWidth - odiv.clientWidth;//相减
      console.log(odiv.offsetWidth)
      console.log(odiv.clientWidth)
      odiv.remove();//移除创建的div
      return scrollbarWidth;//返回滚动条宽度
    }
  console.log(getScrollbarWidth())