복붙노트

[JQUERY] 페이지의 jQuery를 스크롤 바닥

JQUERY

페이지의 jQuery를 스크롤 바닥

해결법


  1. 1.당신은 단지 scrollTop 속성을 애니메이션으로 페이지를 아래로 스크롤 애니메이션 할 수 있습니다, 어떤 플러그인은 다음과 같이 필요하지 :

    당신은 단지 scrollTop 속성을 애니메이션으로 페이지를 아래로 스크롤 애니메이션 할 수 있습니다, 어떤 플러그인은 다음과 같이 필요하지 :

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

    오히려 document.ready보다는 창로드의 사용을 (이미지를로드 할 때 ... 어떤 높이를 차지) 참고.

    기술적으로 정확하려면 윈도우의 높이를 뺄 필요하지만, 작품 위 :

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

    특정 ID로 스크롤하려면 다음과 같이 그 .scrollTop ()를 사용합니다 :

    $("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);
    

  2. 2.이 같은:

    이 같은:

    var $target = $('html,body'); 
    $target.animate({scrollTop: $target.height()}, 1000);
    

  3. 3.

    $('html,body').animate({ scrollTop: 9999 }, 'slow');
    

    이 간단, 그것은 아래로 9999 페이지 높이 ... 큰 범위를 도달 할 수 있도록.


  4. 4.이 시도 할 수 있습니다

    이 시도 할 수 있습니다

    var scroll=$('#scroll');
    scroll.animate({scrollTop: scroll.prop("scrollHeight")});
    

  5. 5.

    $("div").scrollTop(1000);
    

    나를 위해 작동합니다. 맨 아래로 스크롤합니다.


  6. 6.'document.body.clientHeight'를 사용하면 신체 요소의 볼 높이를 얻을 수 있습니다

    'document.body.clientHeight'를 사용하면 신체 요소의 볼 높이를 얻을 수 있습니다

    $('html, body').animate({
        scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
    }, 1000);
    

    아이디 'particularDivision'에서이 스크롤


  7. 7.

    $('#pagedwn').bind("click", function () {
            $('html, body').animate({ scrollTop:3031 },"fast");
            return false;
    });
    

    이 솔루션은 날 위해 일했습니다. 그것은 fastly 페이지 아래로 스크롤에서 일하고있다.


  8. 8.

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

    나는 확신,이 날의 솔루션 일이고 당신은 찾을 수


  9. 9.jQuery를 3, 제발 변화에 대한

    jQuery를 3, 제발 변화에 대한

    에:


  10. 10.JS

    JS

    var el = document.getElementById("el");
    el.scrollTop = el.scrollHeight - el.scrollTop;
    

  11. 11.

    var pixelFromTop = 500;     
    $('html, body').animate({ scrollTop: pixelFromTop  }, 1);
    

    그래서 때 페이지를 자동으로 열 수 1 밀리 초 후에 아래로 스크롤

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