Dev Faq
10
votes

JQuery peut-il retourner la hauteur d'un élément en pourcentage?

$ ('# my_div'). Hauteur ('50% ') définira la hauteur mais comment pouvez-vous récupérer la hauteur actuelle de la DIV en pourcentage?

0 commentaires

5 Réponses :

1
votes

Vous pouvez convertir une hauteur d'obtention en px et les convertir en percenatge xxx

1 commentaires

Ok, je pensais quelque chose comme ça serait le seul moyen. Merci

11
votes

Vous pouvez utiliser .Height () , qui retourne juste le nombre (c'est-à-dire sans le symbole de l'unité). Parfait pour le pourcentage, ce qui n'a bien sûr pas besoin d'unités. Des docs:

Le .Height () méthode est recommandé quand un élément est la hauteur doit être utilisée dans un Calcul mathématique.

Vous pouvez donc essayer quelque chose comme ceci: xxx

2 commentaires

Peut-être que JQuery a changé cela, mais le ".Height ()" de ma 70% de div est 564.

Cela semble bien. Hauteur () Renvoie le nombre de "pixels" comprenant la hauteur de l'élément mesuré, sans unités (donc pas "px"). J'ai des "pixels" dans des citations car avec des écrans haute résolution, ils ne peuvent pas littéralement être des pixels ces jours-ci.

0
votes

si simple $ ("# eleid") [0] .style.width

0 commentaires
0
votes

Essayez de masquer l'élément que vous obtiendrez sa valeur en pourcentage. 

<div id="a" style ="height: 300px; background: green; display: none;">
    a
    <div id="b" style ="height: 10%; background: blueviolet;">
        b
    </div>
    <div id="c" style ="height: 20%; background: cornflowerblue;">                        
        c
    </div>        
</div>
<script>
$(document).ready(function(){
    // height outside of event     
    $("#a").append($("#a").height());
    $("#b").append($("#b").height());
    $("#c").append($("#c").height());

    // height inside of event               
    $("*").click(function(){                
        $("#a").css("display", "block");
        $("#a").append($("#a").height());
        $("#b").append($("#b").height());
        $("#c").append($("#c").height());
    })
}) 
</script>

0 commentaires
0
votes

Basé sur l'autre Répondre , pour une division fixe comme un panneau, c'est ce qui a fonctionné pour moi: 

    var h = Math.round(
        $('#my_div').height() /
        $(window).height() * 100
    );

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier