페이지 맨 아래로 jQuery 스크롤

내 페이지로드가 완료된 후 jQUery가 페이지의 맨 아래로 멋지게 스크롤되어 스냅 / 줌이 아닌 빠르게 애니메이션됩니다.

나는 그런 플러그인이 필요 ScrollTo합니까? 아니면 jQuery에 내장되어 있습니까?

다음 scrollTop과 같이 플러그인없이 속성 을 애니메이션하여 페이지를 아래로 스크롤하도록 애니메이션을 만들 수 있습니다 .

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

대신 window.onload(이미지를로드 할 때 ... 높이를 차지하는) 사용을 참고하십시오 document.ready.

기술적으로 정확하려면 창의 높이를 빼야하지만 위의 작동합니다.

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

특정 ID로 스크롤하려면 .scrollTop()다음과 같이를 사용하십시오.

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

이 같은:

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

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

이것만으로도 9999 페이지 높이 ... 큰 범위이므로 바닥에 닿을 수 있습니다.

당신은 이것을 시도 할 수 있습니다

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

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

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

이전 답변에서 언급 한 스크립트는 다음과 같습니다.

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

작동하지 않습니다 에 크롬 과에 불안해 할 것이다 사파리 의 경우에 html 태그 CSS는 이 overflow: auto;속성이 설정. 알아내는 데 거의 한 시간이 걸렸습니다.

'document.body.clientHeight'를 사용하면 본문 요소의 높이를 볼 수 있습니다

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

이것은 ID 'particularDivision'에서 스크롤됩니다.

jQuery 3의 경우 변경하십시오

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

에:

$ (window) .on ( "load", 함수 (e) {$ ( "html, body"). animate ({scrollTop : $ (document) .height ()}, 1000);})

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

이것은 나로부터의 해결책 일이며 당신은 발견합니다.

js

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

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

이 솔루션은 저에게 효과적이었습니다. Page Scroll Down에서 빠르게 작동합니다.

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

따라서 페이지를 열면 1 밀리 초 후에 자동으로 아래로 스크롤됩니다.