tween()을 사용하여 콘텐츠 기반 div의 애니메이션 높이 조절

콘텐츠를 기준으로 div의 높이를 동적으로 변경하려고합니다. 나는 지금 tween() 및 자바 스크립트를 사용하여이를 통합해야하지만 간단한 CSS 이전 tween()을 사용하여 콘텐츠 기반 div의 애니메이션 높이 조절

min-height: 100px; 
overflow: hidden;

을 사용하여이 금이. 현재 보유하고있는 항목 :

if ('0px' == middle.getStyle('height')) 
    middle.tween('height', '150px'); // needs to be dynamic 
else 
    middle.tween('height', '0');

나는 이것에 대해 어떻게 생각하는지 궁금합니다. 귀하의 도움을 주시면 감사하겠습니다.

여기 바이올린은 당신에게 내가 왜 당신은 그냥 height: auto;를 사용하지 않는 http://jsfiddle.net/Cquhj/881/

을 할 노력하고있어의 아이디어를 제공 할 수있어?

이것은 div 내부의 내용에 자동으로 적응합니다.

2016-06-02 14:30:07

애니메이션을 적용해야합니다. 추가 한 jsfiddle을 살펴보십시오. –

나는 당신의 질문을 읽고, 바이올린을 보았다. 그리고 나는 아직도 그 문제가 무엇인지 모른다. – Seano666

왜 높이에 애니메이션을 적용 하시겠습니까? 프런트 엔드에서 div에 더 많은 항목을 삽입 할 예정입니까? –

답변