애니메이션의 지속 시간은 요소의 높이에 따라 달라집니다.

나는 slideDown을 원하고 요소의 지속 시간은 높이에 따라 달라야합니다. 예를 들어 높이가 2000px 기간이 있어야합니다 경우도 2000애니메이션의 지속 시간은 요소의 높이에 따라 달라집니다.

이

var element = document.getElementById('detail-'+thisID), 
style = window.getComputedStyle(element), 
content_height = style.getPropertyValue('height'); 
var height_js=parseInt(content_height, 10); 
$('#wrap #detail-'+thisID).delay(700).slideDown(height_js);

를 잘 작성 방법에 내가 오전 내 JS입니까? 그렇다면 실수는 어디에 있습니까? 이미 jQuery를 사용하는 경우

출처

2013-03-13 BahaS

실수로 무슨 뜻입니까? 첫 번째 줄의 –

, id가 "#"로 시작합니까? –

이 $ ('# wrap #detail -'+ thisID) .delay (700) .slideDown (700);이있을 때. 제대로 작동합니다. – BahaS

, 당신은 jQuery.height을 사용할 수 있습니다 :

$('#wrap #detail-'+thisID).delay(700).slideDown($('#wrap #detail-'+thisID).height());

또한, 코드에서, 당신은 #을, 후행하지 않고 단순히 document.getElementById('detail-'+thisID')를 사용해야 단지 JQuery와 선택기는 해당 요소를 식별하는 데 사용 이드가 검색해야합니다.

출처

2013-03-13 13:22:13

오. 그것은 작동합니다. 고마워. – BahaS

애니메이션의 지속 시간은 요소의 높이에 따라 달라집니다.

답변

관련 문제