1. Accueil
  2. Question et réponse
  3. Détection de la hauteur de la zone de visualisation en utilisant Javascript

Détection de la hauteur de la zone de visualisation en utilisant Javascript

2009-06-09 4 views
6

Je veux détecter la hauteur de la zone visible en utilisant Javascript. J'ai cette DIV de hauteur 550px que je veux afficher sur le navigateur. Cependant, cette hauteur peut provoquer l'affichage de la barre de défilement verticale sur certains navigateurs (en fonction du nombre de barres d'outils installées par l'utilisateur). Dans ce cas, je veux détecter cela, et alerter l'utilisateur à ce sujet.Détection de la hauteur de la zone de visualisation en utilisant Javascript

J'ai essayé d'utiliser document.body.clientHeight mais cela ne semble pas fonctionner ... me donne la même hauteur quand j'ai essayé d'ajouter de nouvelles barres d'outils et actualisé la page.

Source

2009-06-09 Anonymous

Répondre

4

Extrêmement facile à jQuery (et fonctionne bien sur différentes plateformes):

<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

Source

2009-06-09 14:04:18 inkedmn

+3

-1: C'est juste la hauteur du contenu entier, pas la hauteur de la fenêtre. (Par exemple mon contenu est de 1450px mais ma fenêtre est seulement 641px. $ (fenêtre) .height() renvoie 1450.) –

1

Il est facile avec YUI ainsi.

<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

Source

2009-06-28 00:53:08 frayedthread

Questions connexes

 Questions connexes