计算滚动条宽度

看bootstrap源码,看到计算滚动条宽度问题,mark一下
.modal-scrollbar-measure {
     height : 50px ;
     overflow : scroll ;
     position : absolute ;
     top : -9999px ;
     width : 50px ;
}

 

function measureScrollbar () {
  var $body=$(document.body);
    var scrollDiv = document.createElement('div')
    scrollDiv.className = 'modal-scrollbar-measure'
   $body.append(scrollDiv)
    var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
    $body[0].removeChild(scrollDiv)


    console.log(scrollbarWidth)


  }

 

其实不必每次都调用计算,要缓存,或者做框架计算一次而已

你可能感兴趣的:(计算滚动条宽度)