J'essaie d'obtenir la hauteur d'un élément en JavaScript après avoir appliqué une / plusieurs transformations CSS3 sur celui-ci.
#transformed{ transform:scale(.5); }
Malheureusement, JQuery's outerHeight ne semble pas le faire naïvement.
$('#after').outerHeight(); //not affected by the transformation
Exemple: http://jsfiddle.net/mQ2nT/
Vous pouvez utiliser getBoundingClientRect pour obtenir les dimensions et les positions après la transformation.
Simplement, transformez vos éléments et:
$('#after')[0].getBoundingClientRect(); // note the [0], the function is DOM not jQuery's.
La meilleure chose est que cela retournera également les positions appropriées, les dimensions après chaque transformation que vous postulez.
Vous êtes libre de rotate
, skew
, translate
et tout ce que le CSS fournit. GBCR va le gérer.