Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Определение размеров окна как в CSS (https://javascript.ru/forum/misc/57181-opredelenie-razmerov-okna-kak-v-css.html)

FirstFrost 23.07.2015 03:15

Определение размеров окна как в 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;
    }

AntonMs 23.07.2015 19:20

Может поможет разобраться

рони 23.07.2015 22:14

FirstFrost,
Цитата:

Сообщение от Erolast
Найти эту ширину можно вот так:

http://javascript.ru/forum/dom-windo...tml#post305568


Часовой пояс GMT +3, время: 23:36.