Порой на страницах с «резиновой» версткой необходимо знать ширину скролбара, чтобы правильно вычислить размеры внутренних элементов и их положение. Эта задача решается с помощью следующего алгоритма:

1. добавить два div в body и разместить их за пределами экрана;
2. определить ширину внутреннего div;
3. установить значение «scroll» свойства overflow у внешнего div;
4. опять определить ширину внутреннего div;
5. удалить оба div;
6. вернуть разницу между измеренными ранее значениями ширины.

Для простоты манипуляции с документом используем jQuery

function scrollbarWidth() {
    var div = $('<div style="width:50px; height:50px; overflow:hidden; position:absolute; top:-200px; left:-200px;"><div style="height:100px;"></div></div>').appendTo('body');
    var w1 = $('div', div).innerWidth();
    div.css('overflow-y', 'scroll');
    var w2 = $('div', div).innerWidth();
    $(div).remove();
    return (w1 - w2);
}

Источник: http://jdsharp.us/jQuery/minute/calculate-scrollbar-width.php