jQuery將元素滾動到底部

Question

我可以在網上找到的所有內容告訴我如何將頁面滾動到底部或元素。

如何使用jQuery將具有「overflow：auto」風格的特定div滾動到底部？

Answer 1

是：

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

如果你想順利：

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

在這裏，有一個小提琴：http://jsfiddle.net/adrianonantua/nxHE8/

Answer 2

demo

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

Answer 3

您可以滾動頂部，減去窗口高度並添加元素高度。您的卷軸應該直接到達元素的底部：

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