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

Question

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

Answer 1

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 2

有没有什么办法工作跨浏览器（IE有问题，总是），对不起

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();