Posts Tagged ‘viewport size’

Как получить размеры видимой части окна браузера (viewport size).

Вторник, Октябрь 27th, 2009

А вот так:


function getViewportSize() {
    var size = {};

    if (typeof window.innerWidth != 'undefined') {
        size.width  = window.innerWidth,
        size.height = window.innerHeight
    }
    else if (typeof document.documentElement != 'undefined'
        && typeof document.documentElement.clientWidth !=
        'undefined' && document.documentElement.clientWidth != 0) {
            size.width  = document.documentElement.clientWidth,
            size.height = document.documentElement.clientHeight
    } else {
        size.width  = document.getElementsByTagName('body')[0].clientWidth,
        size.height = document.getElementsByTagName('body')[0].clientHeight
    }

    return size;
}

В Mootools лучше делать так:


window.implement({
    getViewportSize: function() {
        var size = {};

        if (typeof window.innerWidth != 'undefined') {
            size.width  = window.innerWidth,
            size.height = window.innerHeight
        }
        else if (typeof document.documentElement != 'undefined'
            && typeof document.documentElement.clientWidth !=
            'undefined' && document.documentElement.clientWidth != 0) {
                size.width  = document.documentElement.clientWidth,
                size.height = document.documentElement.clientHeight
        } else {
            size.width  = document.getElementsByTagName('body')[0].clientWidth,
            size.height = document.getElementsByTagName('body')[0].clientHeight
        }

        return size;
    }
});