Здравствуйте! Возникла задача запускать скрипт при ширине экрана менее 1200px. Все бы ничего, но показания JS и CSS (@media) расходятся на ширину полосы прокрутки! Когда в CSS 1200, в JS 1184.
Текущее решение: определять ширину полосы прокрутки и суммировать с шириной документа.
Вопрос в том, насколько это правильное решение? Кроссбраузерно ли это? Есть ли другие, более подходящие варианты решения вопроса?
Код определения ширины полосы прокрутки:
function scrollWidth(){
var div = $('<div>').css({
position: "absolute",
top: "0px",
left: "0px",
width: "100px",
height: "100px",
visibility: "hidden",
overflow: "scroll"
});
$('body').eq(0).append(div);
var width = div.get(0).offsetWidth - div.get(0).clientWidth;
div.remove();
return width;
}