내 페이지에 div가 있습니다.
<div id='div1' style='overflow:scroll;overflow-x:hidden;max-height:200px;'></div>
div를 div의 맨 아래로 스크롤하려면 어떻게해야합니까 ?? 페이지가 아니라 DIV입니다.
답변
다른 솔루션은 여기에 실제로 내용의 많은 div에 대한 일을 – 그것은 “maxes에서”(대신의 높이의 DIV의 높이 아래로 스크롤 컨텐츠 사업부의). 따라서 내부 컨텐츠의 div 높이가 두 배 이상이 아닌 한 작동합니다.
올바른 버전은 다음과 같습니다.
$('#div1').scrollTop($('#div1')[0].scrollHeight);
또는 jQuery 1.6 이상 버전 :
var d = $('#div1');
d.scrollTop(d.prop("scrollHeight"));
또는 애니메이션 :
$("#div1").animate({ scrollTop: $('#div1').prop("scrollHeight")}, 1000);
답변
현재 “허용 된”답변을 포함하여 여기에서 볼 수있는 모든 답변은 실제로 설정 한 점에서 잘못되었습니다.
scrollTop = scrollHeight
올바른 접근 방법은 다음과 같습니다.
scrollTop = scrollHeight - clientHeight
다시 말해:
$('#div1').scrollTop($('#div1')[0].scrollHeight - $('#div1')[0].clientHeight);
또는 애니메이션 :
$("#div1").animate({
scrollTop: $('#div1')[0].scrollHeight - $('#div1')[0].clientHeight
}, 1000);
답변
업데이트 : 완전한 답변 은 Mike Todd의 솔루션 을 참조하십시오 .
$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);
애니메이션을 원한다면 (1000 밀리 초 이상)
$('#div1').scrollTop($('#div1').height())
당신이 그것을 즉시 원한다면.
답변
$(window).load(function() {
$("html, body").animate({ scrollTop: $(document).height() }, 1000);
});
이것은 페이지의 높이를 잡고 창이로드되면 아래로 스크롤합니다. 1000
페이지가 준비되면를 더 빠르고 느리게하기 위해 필요한 것으로 변경하십시오 .
답변
이 시도:
$('#div1').scrollTop( $('#div1').height() )
답변
대상 div의 맨 아래로 창을 스크롤하십시오.
function scrollToBottom(id){
div_height = $("#"+id).height();
div_offset = $("#"+id).offset().top;
window_height = $(window).height();
$('html,body').animate({
scrollTop: div_offset-window_height+div_height
},'slow');
}
scrollToBottom('call_div_id');
답변
다음이 작동합니다. 제발 참고 [0]
및scrollHeight
$("#myDiv").animate({ scrollTop: $("#myDiv")[0].scrollHeight }, 1000);