2009-12-07 8 views
5

ブラウザウィンドウで視点の幅と高さを調べる方法は?どのくらいのドキュメントがスクロールダウンして右にスクロールするかを調べるには?JavaScript:ブラウザウィンドウで視点の幅と高さを調べる方法は?

+0

そして、どのくらいのドキュメントが下から右にスクロールされたかを調べるには? – xXx

+0

これらのいずれかをお試しください:http://stackoverflow.com/questions/871399/cross-browser-method-for-detecting-the-scrolltop-of-the-browser-window http://stackoverflow.com/questions/1248081/get-the-browser-viewport-dimensions-with-javascript http://stackoverflow.com/questions/817446/good-way-to-estimate-available-browser-area – random

答えて

7

は、この機能を試してみてください...そしてそれを呼び出します必要に応じて:

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; 
} 
+0

実際にフォローアップに答えないしかし、質問... –

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

スクロール位置については、私は、しかし、これはほとんどのブラウザで動作するはず、ということを決定する標準的な方法があるかどうかはわからない:

scrolled = document.body.scrollTop; 
関連する問題