[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’에서 스크롤됩니다.