jQuery를 사용하여 Div 요소를 자동 높이로 애니메이션화하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

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

Mary-Kate Olsen

풀어 주다： 2024-12-07 06:25:19

원래의

990명이 탐색했습니다.

How to Animate a Div Element to Auto Height Using jQuery?

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

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

현재 높이를 저장합니다.

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

로그인 후 복사

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

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

로그인 후 복사

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

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

로그인 후 복사

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

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

로그인 후 복사

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

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

로그인 후 복사

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