덜/CSS에서 DOM 요소 높이 가져 오기

onclick으로 삭제하려는 요소 목록이 있습니다. 그것은 요소를 숨기는 여분의 CSS 클래스를 제공합니다. CSS의 클래스는 요소가 animate.css을 사용하는 애니메이션 (FadeOutLeft)을 사용하여 사라질 것이라고 말합니다. 100 % : "없음 표시"덜/CSS에서 DOM 요소 높이 가져 오기

@keyframes fadeOutLeft { 
0% { 
    opacity: 1; 
    transform: translateX(0); 
} 
100% { 
    opacity: 0; 
    transform: translateX(-20px); 
}

}

문제는 내가 사용하지 못할 것입니다. 나는 이유를 모르지만 그것은 단지 일하지 않습니다. 그래서 내가하고 싶은 것은 100 % 마진을 줄이는 것입니다 : - {현재 요소의 높이} px 또한 "translateX()"를이 값으로 설정하고 싶습니다. 그래서 제가해야 할 일은 요소의 높이를 낮추는 것입니다. 덜 가능한 자바 스크립트를 사용하여 가능합니까?

출처

2013-05-23 Silvester

LESS가 CSS로 컴파일되기 때문에 런타임 평가를 수행 할 수 없습니다. 가장 좋은 방법은 결국 display: none;을 적용하는 애니메이션을 만드는 것입니다. 또는 JavaScript로 전체 작업을 수행하십시오.)

출처

2013-05-23 01:17:06 Halcyon

그리고 어떤 식 으로든 가능한 것은 아닙니다. 자바 스크립트로 높이를 얻고, 그 가치를 지키고, 적은 비용으로 나중에 사용합니까? – Silvester

jQuery를 사용하면 이렇게 간단하게 처리 할 수 있습니다. 그렇습니까? '.animate'보세요. – Halcyon

덜/​​CSS에서 DOM 요소 높이 가져 오기

답변

관련 문제

덜/CSS에서 DOM 요소 높이 가져 오기