获取当前浏览器滚动条的宽度

作者: bkbtp 分类: 前端 发布时间: 2018-06-23 17:44

原理是设置一个不可见的div,查看设置scorll前后的宽度差

function getScrollWidth() {
  var noScroll, scroll
  var oDiv = document.createElement('DIV')
  oDiv.style.cssText = 'position:absolute; top:-1000px; width:100px; height:100px; overflow:hidden;'
  noScroll = document.body.appendChild(oDiv).clientWidth
  oDiv.style.overflowY = 'scroll'
  scroll = oDiv.clientWidth
  document.body.removeChild(oDiv)
  return noScroll - scroll
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。