페이지로드시 Div의 맨 아래로 스크롤 (jQuery) div의 맨 아래로 스크롤하려면 어떻게해야합니까 ?? 페이지가

내 페이지에 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);