开发者

JavaScript: How to find out width and height of viewpoint in browser window?

开发者 https://www.devze.com 2022-12-13 21:31 出处:网络
How to find out wid开发者_高级运维th and height of viewpoint in browser window? And How to find out how much document scrolled to down and to right?Try this function... and call it when needed :)

How to find out wid开发者_高级运维th and height of viewpoint in browser window? And How to find out how much document scrolled to down and to right?


Try this function... and call it when needed :)

function getViewPortSize()
{
    var viewportwidth;
    var viewportheight;

    //Standards compliant browsers (mozilla/netscape/opera/IE7)
    if (typeof window.innerWidth != 'undefined')
    {
        viewportwidth = window.innerWidth,
        viewportheight = window.innerHeight
    }

    // IE6
    else if (typeof document.documentElement != 'undefined'
    && typeof document.documentElement.clientWidth !=
    'undefined' && document.documentElement.clientWidth != 0)
    {
        viewportwidth = document.documentElement.clientWidth,
        viewportheight = document.documentElement.clientHeight
    }

    //Older IE
    else
    {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
        viewportheight = document.getElementsByTagName('body')[0].clientHeight
    }

    return viewportwidth + "~" + viewportheight;
}


height = document.body.clientHeight;
width = document.body.clientWidth;

regarding scroll position, I'm not sure if there is a standard way of determining that, however this should work in most browsers:

scrolled = document.body.scrollTop;
0

精彩评论

暂无评论...
验证码 换一张
取 消