计算滚动条宽度

看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)


  }

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

猜你喜欢

转载自luqingxuan.iteye.com/blog/2271364
今日推荐