2009-06-09 3 views
6

Desidero rilevare l'altezza dell'area visibile utilizzando Javascript. Ho questo DIV di altezza 550px che voglio visualizzare sul browser. Tuttavia, questa altezza potrebbe far apparire la barra di scorrimento verticale su alcuni browser (a seconda del numero di barre degli strumenti installate dall'utente). In tal caso, voglio rilevarlo e avvisare l'utente.Rilevamento dell'altezza dell'area di visualizzazione utilizzando Javascript

Ho provato a utilizzare document.body.clientHeight ma non sembra funzionare ... mi dà la stessa altezza quando ho provato ad aggiungere nuove barre degli strumenti e aggiornato la pagina.

risposta

4

Estremamente facile in jQuery (e funziona bene su diverse piattaforme):

<html> 
    <head> 
     <title>Heyo</title> 
     <script type="text/javascript" src="jquery.js"></script> 
    </head> 
    <body> 
     <script type="text/javascript"> 
      $(document).ready(function(){ 
       alert($(window).height()); 
       }); 
     </script> 
    </body> 
</html> 

Documentation here

+3

-1: questa è solo l'altezza dell'intero contenuto, non l'altezza della finestra. (ad esempio il mio contenuto è alto 1450px ma la mia finestra è solo 641px. $ (finestra) .height() restituisce 1450.) –

1

È facile con YUI pure.

<html> 
<head> 
    <title>Heya</title> 
    <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0b1/build/yui/yui-min.js"></script> 
</head> 
<body> 
    <script type="text/javascript"> 
    YUI().use('node', function(Y) { 
     alert(Y.get(document).get('winHeight')); 
    }); 
    </script> 
</body> 
</html> 

Documentation here