Automatiquement max-height en JS - javascript, css

var DocHeight = $(".xxx").height();
$(".yyy").height(200 -DocHeight);

Bonjour, Ci-dessus, je montre le schéma de changement de hauteur. L'élément dépend de la hauteur d'un autre élément. Je me demande si une option est identique, mais avec une hauteur maximale.

Réponses:

Tout attribut css peut être défini avec .css (si vous utilisez jquery bien sûr). Donc, fondamentalement, vous faites quelque chose comme ceci:

$(".yyy").css("max-height", (200 - DocHeight) + " px");

Notez que dans ce cas, vous devez ajouter manuellement "px" car .height () effectue automatiquement la conversion. Vous devez maintenant spécifier l'unité de mesure (I "m en supposant des pixels de votre exemple).

Plus d'exemples ici: http://api.jquery.com/css/

J'ai aussi supposé que vous vouliez juste régler la hauteur maximale. Si vous souhaitez également obtenir la hauteur maximale, vous pouvez le faire de la même manière:

var DocHeight = $(".xxx").css("max-height");
$(".yyy").css("max-height", DocHeight);

Notez que dans ce cas, DocHeight vient exactement commeil est défini dans css donc quelque chose comme "100px" ou "10%". Vous devez le convertir manuellement en nombre si vous voulez calculer quelque chose en fonction de celui-ci (comme vous pouvez le constater, j'ai supprimé la partie "200 -" de la deuxième instruction, car celle-ci aurait été invalide car vous auriez soustrait une chaîne. un numéro).