패딩을 사용하여 계산하려면 어떻게해야합니까?

Question

엘리먼트의 높이로 계산을하려고하는데 엘리먼트의 패딩을 고려해야합니다.

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

처음 두 나에게 덧셈과 뺄셈 만에 전 사용자가 할 수있는 번호를 제공 패딩이 날 8px ... 어떤 아이디어가 ... 나는를 얻기 위해 높이에서 subract하기 위해 패딩을 사용하려고 준다 box 요소로부터의 실제 높이

Answer 1

당신은 단지 outerHeight()를 사용하여 계산을 직접 수행의 필요성을 건너 뛸 수 : 개별 값 (패딩, 마진 등)

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

을 parseInt 접근 방식은 이미 제안 된대로 자주 사용합니다.

Answer 2

다음 코드를 사용할 수는 있지만 가장 좋은 방법은 shure가 아닙니다.

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

Answer 3

당신은 그냥이 같은 요소 패딩의 픽셀 삭제할 수 있습니다

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

가 도움이 희망을 ..

Answer 4

당신이 요청하지 않는 한 당신은 실제 패딩 값을받지 않습니다 그 특히 오리 엔테이션.

당신은 함께 가야한다 :

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