밀리 초 대신 픽셀 당 jQuery slideDown

Question

페이지의 요소에 애니메이션을 적용 할 때 jQuery slideDown 함수를 사용합니다. 우리가 가진 문제는 요소의 높이에 관계없이 애니메이션이 정해진 시간이 걸린다는 것입니다.

요소의 높이가 100 픽셀 인 경우 두 애니메이션이 같은 시간 내에 발생하기 때문에 요소의 높이가 1000 픽셀 인 경우보다 애니메이션이 훨씬 느리게 나타납니다.

초당 픽셀 (또는 비슷한 측정 항목) 단위로 측정되는 요소를 애니메이션하는 방법이 있습니까?

Answer 1

.slideDown()의 지속 기간을 밀리 초 단위의 숫자 인 첫 번째 인수 인 .slideDown(time)으로 설정할 수 있습니다. 따라서 설정된 속도 (밀리 초당 픽셀 수)를 사용하여 요소 높이를 .height()으로 나누면 해당 작업은 애니메이션이 수행해야하는 시간을 반환해야합니다. 이 방법으로 주어진 높이의 주어진 요소에서 함수는 같은 속도로 아래로 스크롤합니다.