largeur de l'écran vs partie visible

Question

J'ai un petit problème avec JavaScript, pour obtenir la largeur de l'écran, nous utilisons screen.width qui renvoie la résolution globale de l'écran, y at-il une commande pour obtenir la résolution de la partie visible du navigateur, quand le navigateur n'est pas maximisé?

Answer 1

function width(){ 
    return window.innerWidth 
     || document.documentElement.clientWidth 
     || document.body.clientWidth 
     || 0; 
} 

function height(){ 
    return window.innerHeight 
     || document.documentElement.clientHeight 
     || document.body.clientHeight 
     || 0; 
} 

Utilisez-les pour retourner le height() ou width() de la fenêtre visible.

JSFiddle example.

Answer 2

La zone que vous décrivez est la fenêtre, et peuvent généralement être consultées en utilisant window.innerWidth ou window.innerHeight dans les navigateurs modernes. IE6 est un peu différent, mais plus d'informations sur la gestion de la largeur de la fenêtre d'affichage pour tous les navigateurs peuvent être trouvés dans this tutorial on obtaining viewport size.

Answer 3

J'ai vu que la question a été répondue, mais voici le code que j'ai utilisé avec une image pour l'illustrer.

function height(){ 
return(window.innerHeight)? 
window.innerHeight: 
document.documentElement.clientHeight||document.body.clientHeight||0; 
} 
$(document).ready(function(){ 
$('.first, .second').css('height',height()); 
}); 
$(window).resize(function() { 
$('.first, .second').css('height',height()); 
}); 

JSFiddle Example