Показать сообщение отдельно
  #1 (permalink)  
Старый 23.07.2015, 03:15
Аспирант
Отправить личное сообщение для FirstFrost Посмотреть профиль Найти все сообщения от FirstFrost
 
Регистрация: 06.07.2010
Сообщений: 67

Определение размеров окна как в CSS
Здравствуйте! Возникла задача запускать скрипт при ширине экрана менее 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;
    }
Ответить с цитированием