jQuery cuộn một phần tử xuống dưới cùng

Question

Tất cả những gì tôi có thể tìm thấy trên web sẽ cho tôi biết cách cuộn trang xuống dưới cùng hoặc đến một phần tử.

Làm cách nào để cuộn một div cụ thể có phong cách "tràn: tự động" xuống dưới cùng bằng jQuery?

Answer 1

Có:

$("#container").scrollTop($("#elementToScrollTo").position().top);​ 

Nếu bạn muốn đi suôn sẻ:

$("#container").animate({ 
    scrollTop: $("#elementToScrollTo").position().top 
}, 1000); 

Ở đây, có một fiddle: http://jsfiddle.net/adrianonantua/nxHE8/

Answer 2

demo

var scr = $('#box')[0].scrollHeight; 
$('#box').animate({scrollTop: scr},2000); 

Answer 3

Bạn có thể cuộn đầu, trừ chiều cao cửa sổ và thêm chiều cao của phần tử. Cuộn của bạn sẽ đến ngay dưới cùng của phần tử:

$('body').animate({ 
    scrollTop: $('#element' + currentElementId).offset().top 
    + $('#element' + currentElementId).height() 
    - $(window).height() 
}, 1000);