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로 스크롤하려면 다음과 같이 사용합니다.

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

다음과 같은 것:

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

해보세요.

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

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

이렇게 간단하게, 9999 페이지 높이... 아래까지 도달할 수 있는 큰 범위.

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

나한테 효과가 있어요.맨 아래로 스크롤합니다.

'document.body.client' 사용'높이' 신체 요소의 보이는 높이를 얻을 수 있습니다.

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

이 ID는 '특정 분할'로 스크롤됩니다.

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

이것이 제가 만든 해결책입니다. 여러분이 찾으실 겁니다.

jQuery 3의 경우 변경하십시오.

$(body).load(함수: {$("body,"body").animate({scrollTop: $(문서).높이(()), 1000); })

대상:

$("body"), 함수(e) {$("body,"body").animate({scrollTop: $(문서).높이(()), 1000); })

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

이 해결책은 저에게 효과가 있었습니다.페이지 스크롤 다운에서 빠르게 작동합니다.

제이에스

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

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

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

언급URL : https://stackoverflow.com/questions/4249353/jquery-scroll-to-bottom-of-the-page