我们如何找到滚动条的宽度？

Question

您知道任何跨浏览器的方法吗？

Answer 1

没有任何方式跨浏览器工作（IE就像往常一样），抱歉

Answer 2

window.scrollBarWidth = function() { 
  document.body.style.overflow = 'hidden';  
  var width = document.body.clientWidth; 
  document.body.style.overflow = 'scroll';  
  width -= document.body.clientWidth;  
  if(!width) width = document.body.offsetWidth - document.body.clientWidth; 
  document.body.style.overflow = '';  
  return width;  
}

Answer 3

以下是MooTools中的一个示例，我刚刚完成了完整的跨浏览器测试。

http://jsfiddle.net/jP6q2/2/

长话短说：

var body = $$('body')[0];

var test = new Element('div', {'style':'visibility:hidden; width: 100px; height: 100px; overflow: scroll;'});

test.inject(body);

var scrollbar = {
    width: test.offsetWidth - test.scrollWidth
    , height: test.offsetHeight - test.scrollHeight
}

test.dispose();