Comment je calcalate en utilisant le remplissage

Question

J'essaie de faire un calcul avec la hauteur d'un élément et j'ai besoin de prendre en compte le rembourrage d'un élément.

var element_top = $(".box").position().top; 
var element_height = $(".box").height(); 
var element_padding = $(".box").css("padding"); 

les deux premiers me donner des chiffres que je peux l'utilisateur pour l'addition et la soustraction, mais le rembourrage me donne 8px ... des idées ... Je suis en train d'utiliser le rembourrage à subract de la hauteur pour obtenir la hauteur réelle à partir de l'élément de boîte

Answer 1

Vous pouvez simplement utiliser outerHeight() et ignorer la nécessité d'effectuer les calculs vous-même:

var height = $('.box').outerHeight(true); 
//the true argument includes margins in the calculation 

Pour les valeurs individuelles (padding, marge, etc.), le parseInt approche est ce que j'utilise souvent, comme cela a déjà été suggéré.

Answer 2

Vous pouvez utiliser le code suivant mais ne pas briller si c'est la meilleure pratique à suivre.

var element_padding = parseInt($(".box").css("padding")); 

Answer 3

Vous pouvez simplement supprimer le px de l'élément de rembourrage comme ceci:

element-padding.replace("px", ""); 

Hope it helps ..

Answer 4

Vous n'obtiendrez la valeur de remplissage réelle sauf si vous demandez son orientation spécifiquement.

Vous devriez aller avec:

var element_padding = parseInt($(".box").css("padding-top"), 10);