jQuery를 사용하여 Div 요소를 자동 높이로 애니메이션화하는 방법은 무엇입니까?

jQuery를 사용하여 요소를 자동 높이로 애니메이션화

요소를 특정 높이에서 자동 높이로 변경하면 문제가 발생할 수 있습니다. 이 문제를 해결하려면 다음 해결 방법을 고려하세요.

1. 현재 높이를 저장합니다.

var curHeight = $('#first').height();

2. 자동 높이로 전환: 잠시 동안 높이 속성을 'auto'로 덮어씁니다.

$('#first').css('height', 'auto');

3. 자동 높이 획득: 가져오기
   의 자연 높이 자동 높이를 사용합니다.

var autoHeight = $('#first').height();

4. 되돌리기 및 애니메이션: 초기 높이를 복원하고 애니메이션을 자동 높이로 시작합니다.

$('#first').height(curHeight).animate({height: autoHeight}, 1000);

5. 코드 연결: 모두 결합 간단한 해결 방법을 찾아보세요.

var el = $('#first'),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 1000);

위 내용은 jQuery를 사용하여 Div 요소를 자동 높이로 애니메이션화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

jquery for auto using Property this transition animation

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.