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);