jquery - 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

演示

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