jQuery Scroll Đến cuối trang

Sau khi tải trang của tôi. Tôi muốn jQUery cuộn độc đáo xuống cuối trang, hoạt hình nhanh chóng, không phải là một snap / jolt.

Tôi có cần một plugin như thế ScrollTokhông? hoặc được xây dựng trong jQuery một số cách?

Bạn chỉ có thể làm động để cuộn trang xuống bằng cách tạo hiệu ứng thuộc scrollToptính, không yêu cầu plugin, như thế này:

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

Lưu ý việc sử dụng window.onload(khi hình ảnh được tải ... chiếm chiều cao) chứ không phải document.ready.

Để chính xác về mặt kỹ thuật, bạn cần trừ chiều cao của cửa sổ, nhưng các công việc trên:

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

Để cuộn đến một ID cụ thể, sử dụng nó .scrollTop(), như thế này:

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

đại loại như thế này:

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

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

Đơn giản như thế này, chiều cao trang 9999 ... phạm vi lớn để nó có thể chạm tới đáy.

Bạn có thể thử cái này

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

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

Làm việc cho tôi. Cuộn xuống phía dưới.

Các kịch bản được đề cập trong các câu trả lời trước, như:

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

sẽ không hoạt động trong Chrome và sẽ tăng vọt trong Safari trong trường hợp html thẻ trong CSS có overflow: auto;bộ thuộc tính. Tôi mất gần một giờ để tìm ra.

Sử dụng 'document.body.clientHeight', bạn có thể nhận được chiều cao nhìn thấy của các yếu tố cơ thể

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

cuộn này ở id 'đặc biệt phân chia'

Đối với jQuery 3, vui lòng thay đổi

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

đến:

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

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

Đây là giải pháp hoạt động từ tôi và bạn thấy, tôi chắc chắn

js

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

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

Giải pháp này đã làm việc cho tôi. Nó đang hoạt động trong Page Scroll Down nhanh chóng.

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

Vì vậy, khi mở trang, nó sẽ tự động cuộn xuống sau 1 triệu giây