[jquery] 페이지 맨 아래로 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’에서 스크롤됩니다.