[JQUERY] 페이지로드에 사업부의 맨 아래로 스크롤 (jQuery를)

페이지로드에 사업부의 맨 아래로 스크롤 (jQuery를)

해결법

1. ---

   1.다른 솔루션은 여기에 실제로 내용의 많은 div에 대한 일을 - 그것은 "maxes에서"(대신 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);
   

2. ---

   2.나는 현재 "승인"하나는, 그들이 설정하는 것이에 잘못 실제로 포함하여, 여기에서 볼 수있는 모든 답변 :

   나는 현재 "승인"하나는, 그들이 설정하는 것이에 잘못 실제로 포함하여, 여기에서 볼 수있는 모든 답변 :

   scrollTop = scrollHeight
   

   올바른 접근 반면 설정하는 것입니다 :

   scrollTop = scrollHeight - clientHeight
   

   다시 말해:

   $('#div1').scrollTop($('#div1')[0].scrollHeight - $('#div1')[0].clientHeight);
   

   또는 애니메이션 :

   $("#div1").animate({
     scrollTop: $('#div1')[0].scrollHeight - $('#div1')[0].clientHeight
   }, 1000);
   

3. ---

   3.업데이트 : 완전한 답변 마이크 토드의 솔루션을 참조하십시오.

   업데이트 : 완전한 답변 마이크 토드의 솔루션을 참조하십시오.

   $("#div1").animate({ scrollTop: $('#div1').height()}, 1000);
   

   당신이 원하는 경우는 (이상 1000 밀리 초)을 애니메이션합니다.

   $('#div1').scrollTop($('#div1').height())
   

   당신이 원하는 경우는 순간.

4. ---

   4.

   $(window).load(function() {
     $("html, body").animate({ scrollTop: $(document).height() }, 1000);
   });
   

   윈도우가로드 된 후에이 페이지 스크롤을 아래의 높이를 잡고. 1000은 당신이 무엇을 페이지가 준비되면 느리게 / 빠르게 할 필요가로 변경합니다.

5. ---

   5.이 시도:

   이 시도:

   $('#div1').scrollTop( $('#div1').height() )
   

6. ---

   6.대상 사업부의 맨 아래로 스크롤 창.

   대상 사업부의 맨 아래로 스크롤 창.

   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');
   

7. ---

   7.다음은 작동합니다. 제발 참고 [0] scrollHeight

   다음은 작동합니다. 제발 참고 [0] scrollHeight

   $("#myDiv").animate({ scrollTop: $("#myDiv")[0].scrollHeight }, 1000);
   

8. ---

   8.JQuery와의 애니메이션에 대한 (버전> 2.0)

   JQuery와의 애니메이션에 대한 (버전> 2.0)

   var d = $('#div1');
   d.animate({ scrollTop: d.prop('scrollHeight') }, 1000);
   

9. ---

   9.나를 위해 일한 이들 중에, 나는 페이스 북 메신저 비슷 웹 응용 프로그램 내부 메시지 시스템이없고 사업부의 하단에 표시되는 메시지를 원했다.

   나를 위해 일한 이들 중에, 나는 페이스 북 메신저 비슷 웹 응용 프로그램 내부 메시지 시스템이없고 사업부의 하단에 표시되는 메시지를 원했다.

   이것은 치료, 기본적인 자바 스크립트를했다.

   window.onload=function () {
        var objDiv = document.getElementById("MyDivElement");
        objDiv.scrollTop = objDiv.scrollHeight;
   }
   

10. ---

    10.나는 뷰에 마이그레이션하려고 코드베이스 유산에서 일하고 있어요.

    나는 뷰에 마이그레이션하려고 코드베이스 유산에서 일하고 있어요.

    나는 아래로 스크롤 할 수있는 페이지를 원하는 내 특정 상황 (부트 스트랩 모달에 싸여 스크롤 DIV), V 자하는 경우 보여 새로운 콘텐츠,합니다. 작업에이 동작을 얻기 위해, 나는 마무리 재 렌더링에 VUE 기다린 다음 모달의 하단으로 스크롤 jQuery를 사용했다.

    그래서...

    this.$nextTick(function() {
        $('#thing')[0].scrollTop = $('#thing')[0].scrollHeight;
    })
    

11. ---

    11.당신은 페이지로드 사업부의 하단으로 스크롤 코드 아래 사용할 수 있습니다.

    당신은 페이지로드 사업부의 하단으로 스크롤 코드 아래 사용할 수 있습니다.

    $(document).ready(function(){
      $('div').scrollTop($('div').scrollHeight);
    });
    

12. ---

    12.아래 코드와 같은 사업부의 하단으로 스크롤 scrollTop과 scrollHeight와 clientHeight을 확인할 수 있습니다.

    아래 코드와 같은 사업부의 하단으로 스크롤 scrollTop과 scrollHeight와 clientHeight을 확인할 수 있습니다.

    $ ( '# div에'). 스크롤 (함수 (이벤트) { 경우 ((에서는 parseInt ($ ( '# div에') [0] .scrollHeight) -.에서는 parseInt (this.clientHeight)) ==에서는 parseInt ($ ( '# div에') scrollTop ())) { CONSOLE.LOG는 ( "이것은 DIV 스크롤의 하단 인"); } });

13. ---

    13.페이지가로드되면 다음 스크롤 최대 값입니다.

    페이지가로드되면 다음 스크롤 최대 값입니다.

    그 스크롤 값이 항상 상한값 그래서 사용자 메시지 보내기 후 항상 아래에서 최신 채팅을 보여줄 때 메시지 상자입니다.

    $('#message').scrollTop($('#message')[0].scrollHeight);
    

    이미지를 볼 수

from https://stackoverflow.com/questions/10503606/scroll-to-bottom-of-div-on-page-load-jquery by cc-by-sa and MIT license