[JQUERY] 페이지 / iframe이 하단에 jQuery를 스크롤

페이지 / iframe이 하단에 jQuery를 스크롤

해결법

1. ---

   1.당신이 HREF = 어떤 앵커을위한 좋은 느린 애니메이션 스크롤을 원하는 경우 "# 바닥은"이 아래로 스크롤합니다 :

   당신이 HREF = 어떤 앵커을위한 좋은 느린 애니메이션 스크롤을 원하는 경우 "# 바닥은"이 아래로 스크롤합니다 :

   $("a[href='#bottom']").click(function() {
     $("html, body").animate({ scrollTop: $(document).height() }, "slow");
     return false;
   });
   

   선택기를 변경하시기 바랍니다.

2. ---

   2.scrollTop은 ()을 제공하므로, 스크롤 영역에서보기에서 숨겨져있는 픽셀의 수를 반환합니다 :

   scrollTop은 ()을 제공하므로, 스크롤 영역에서보기에서 숨겨져있는 픽셀의 수를 반환합니다 :

   $(document).height()
   

   실제로 페이지의 하단을 오버 슈트 것입니다. 페이지 하단의 사실은 '정지'로 스크롤의 경우, 브라우저 윈도우의 현재 높이를 뺀해야합니다. 필요한 경우이가되도록 이것은 완화의 사용을 허용합니다 :

   $('html, body').animate({ 
      scrollTop: $(document).height()-$(window).height()}, 
      1400, 
      "easeOutQuint"
   );
   

3. ---

   3.예를 들면 :

   예를 들면 :

   $('html, body').scrollTop($(document).height());
   

4. ---

   4.이 스레드 내 특정 필요를 위해 나를 위해 작동하지 않았다 후 (특정 요소 내에서 스크롤, 내 경우 텍스트 영역에서) 나는 다른 사람이 토론을 읽기에 도움이 될 수있는 큰 이상이 밖으로을 발견 :

   이 스레드 내 특정 필요를 위해 나를 위해 작동하지 않았다 후 (특정 요소 내에서 스크롤, 내 경우 텍스트 영역에서) 나는 다른 사람이 토론을 읽기에 도움이 될 수있는 큰 이상이 밖으로을 발견 :

   planetcloud에 대한 대안

   나는 이미 내 jQuery를 객체의 캐시 된 버전을 가지고 있기 때문에 (코드에서 myPanel 아래 jQuery 오브젝트입니다) 내 이벤트 핸들러에 추가 된 코드는 단순히이 있었다 :

   myPanel.scrollTop(myPanel[0].scrollHeight - myPanel.height());
   

   (감사 벤)

5. ---

   5.전체 페이지의 맨 아래로 이동 간단한 기능 (즉시 스크롤). 그것은 내장 .scrollTop ()를 사용합니다. 나는 개별 페이지 요소와 작업이 적응하려고 노력하지 않았습니다.

   전체 페이지의 맨 아래로 이동 간단한 기능 (즉시 스크롤). 그것은 내장 .scrollTop ()를 사용합니다. 나는 개별 페이지 요소와 작업이 적응하려고 노력하지 않았습니다.

   function jumpToPageBottom() {
       $('html, body').scrollTop( $(document).height() - $(window).height() );
   }
   

6. ---

   6.나를 위해 일한이 하나

   나를 위해 일한이 하나

   var elem = $('#box');
   if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
     // We're at the bottom.
   }
   

7. ---

   7.당신이 애니메이션에 대해 걱정하지 않는 경우에, 당신은 요소의 높이를 얻을 필요가 없습니다. 당신이 scrollTop에게 최대 값보다 더 큰 숫자를 주면 내가 해봤 모든 브라우저에서 적어도, 그냥 아래로 스크롤합니다. 그래서 그것을 가능한 한 가장 큰 번호를 알려 :

   당신이 애니메이션에 대해 걱정하지 않는 경우에, 당신은 요소의 높이를 얻을 필요가 없습니다. 당신이 scrollTop에게 최대 값보다 더 큰 숫자를 주면 내가 해봤 모든 브라우저에서 적어도, 그냥 아래로 스크롤합니다. 그래서 그것을 가능한 한 가장 큰 번호를 알려 :

   $(myScrollingElement).scrollTop(Number.MAX_SAFE_INTEGER);
   

   오히려 스크롤 일부 요소보다 페이지를 스크롤하려면, 단지 myScrollingElement는 '몸, HTML'로 동일합니다.

   나는 여러 장소에서이 작업을 수행 할 필요가 있기 때문에,이 같은, 좀 더 편리하게 할 수있는 신속하고 더러운 jQuery를 기능을 작성했습니다 :

   (function($) {
     $.fn.scrollToBottom = function() {
       return this.each(function (i, element) {
         $(element).scrollTop(Number.MAX_SAFE_INTEGER);
       });
     };
   }(jQuery));
   

   나는 buncho '물건을 추가 할 때이 작업을 수행 할 수 있습니다 :

   $(myScrollingElement).append(lotsOfHtml).scrollToBottom();
   

8. ---

   8.스크립트처럼, 이전 답변에서 언급 한 :

   스크립트처럼, 이전 답변에서 언급 한 :

   $("body, html").animate({
       scrollTop: $(document).height()
   }, 400)
   

   또는

   $ (창) .scrollTop ($ (문서) .height의 ());

   크롬에서 작동하지 않습니다와 CSS의 경우 HTML 태그에서 사파리에 불안해 할 것이다 것은 오버 플로우를 가지고 : 자동; 속성 집합. 그것은 알아 내기 위해 거의 한 시간이 걸렸다.

9. ---

   9.

   $('.block').scrollTop($('.block')[0].scrollHeight);
   

   나는 새 메시지가 도착하면 채팅을 스크롤이 코드를 사용합니다.

from https://stackoverflow.com/questions/1890995/jquery-scroll-to-bottom-of-page-iframe by cc-by-sa and MIT license