slideDown과 동 기적으로 스크롤

div에 적용된 slideDown은 slideDown을 수행하지만 페이지를 아래로 스크롤하지 않으며 div가 아래로 스크롤 된 div는보기에서 숨겨진 상태로 유지됩니다. 이 div가 완전히 보이도록 slideDown과 동 기적으로 페이지를 스크롤하는 방법이 있습니까?slideDown과 동 기적으로 스크롤

$('#log').append('<div id="in_log">...</div>'); 
$('#in_log').slideDown('fast');

고마워요!

출처

2011-11-08 Don Tomato

slideDown가 자동으로 페이지를 스크롤하지 않습니다. 또한 division의 최종 높이를 결정할 수 없으므로 slideDown과 동 기적으로 페이지를 스크롤 할 수 없습니다. 할 수있는 일은 slideDown 애니메이션이 완료된 후 .animate()를 사용하여 페이지를 스크롤하는 것입니다.

출처

2011-11-08 12:56:09 John

음, jQuery를 사용하여 원하는대로 할 수있는 방법이 있습니까? –

예. division scrollDown을 끝내고 .animate()를 사용하여 페이지를 아래로 스크롤하십시오. – John

왜 안 되니? '#in_log'에 고정 높이 + 정의 된 여백/패딩 (동적으로 사용하려면 CSS 대신 요소에 배치)이있는 경우 높이를 계산할 수 있습니다. 그 후에는 단지 두 개의 병렬 호출입니다. –

당신은 수행하여 사업부의 상단으로 스크롤 수 :

var top = $('#in_log').offset().top 
$(window).scrollTop(top);

출처

2011-11-08 12:46:49

예. 솔루션에서 먼저 this div를 slideDown 한 다음 스크롤을 시작해야만합니다. 그러나 나는이 두 프로세스가 동시에 발생하기를 원합니다 .- –

@ cockroach-eater'slideDown'은 offset()을 변경하지 않습니다 .. top .. 높이는 더 커지 만 상단은 여전히 동일합니다. –

slideDown과 동 기적으로 스크롤

답변

관련 문제