Pourquoi Firefox renvoie-t-il 0 comme valeur de $ (window) .height ()

Il me semble que Firefox devrait être mieux équipé pour retourner la valeur correcte lors de l'utilisation de $(window).height().

Je suis à l'aide de jQuery 1.8.2. Est-ce un bug dans cette construction? Tous les autres navigateurs que j'ai testé renvoie une valeur appropriée lors du calcul de la hauteur de la fenêtre d'affichage.

Pour contourner ce problème, j'ai utilisé la capture ci-dessous pour appliquer une valeur de pixel d'un div.

$(window).bind('cwsObjectsShown', function() {
  var height = $(window).height();
  if (height === 0) {
     height = window.innerHeight;
  }
  height = height - '120';
  $('#game_objects').css('height', height + 'px');
});

source d'informationauteur killtheliterate

  1. 44

    de jQuery $(window).hauteur() est sensible à doctype. Essayez de <!doctype html> ?

    Le jQuery 1.8.1 notes de dire

    Ne pas utiliser en mode Quirks! jQuery n'a jamais pris en charge en mode Quirks et nous n'effectue aucun test de Bizarreries. Cela peut affecter les valeurs de $("fenêtre").hauteur(), et le jQuery 1.8 mode Quirks, les résultats ne changer dans l'ordre à l'appui de certaines moderne fonctionnalités du navigateur. La majorité des cas que nous avons vus sont des développeurs qui voulaient être dans les Normes de la mode, mais a un doctype valide ou étranger marques avant leur tag. En cas de doute, utilisez la simple et court <!doctype html>.

    Par exemple, avec jQuery 1.8.2 et Firefox 16, je reçois un valide $(window).hauteur() avec doctype html, mais la hauteur à 0 avec un doctype html5. Dans Chrome 20, les deux travaux. (Le W3C HTML5 spec ne le dis à utiliser doctype html, pas le html5.)

  2. 3

    Essayer cette fonction:

    function GetBrowserDim() {
    if (window.innerHeight) {
        return { w: window.innerWidth, h: window.innerHeight};
    } else {
        return { w: document.body.clientWidth, h: document.body.clientHeight };
    }
}
  3. 2

    dans mon cas, j'ai dû supprimer les attributs de l'élément html

    <html lang="en-US" prefix="og: http://ogp.me/ns#">

    modifiée à

    <html>

    maintenant je obtenir la bonne largeur et la hauteur

  4. 2

    $(window).hauteur() et aussi $(window).largeur() retourne 0 dans IE
    quand en mode de compatibilité. Ne pas cocher cette dans FireFox, peut-être le même.
    essayez d'utiliser $(document).hauteur() ou $(document).largeur() à la place.

  5. 1

    J'ai trouvé la réponse à cette étrange rendu de la hauteur par jquery dans Firefox...

    J'ai utilisé class="no-js" dans ma balise html avec doctype... quand j'ai enlevé ce, FF calculé correctement... j'ai donc ajouté cette classe avec jquery comme ceci $('html').addClass ("no-js');

    maintenant la calulated est la même dans tous les navigateurs..

  6. 0

    Essayez le code suivant:

    $(function(){
  $(window).on('cwsObjectsShown', function() {
    alert($(this).height());
  });   
});