jQuery ein Element nach unten scrollen

Question

Alles, was ich im Internet finden kann, sagt mir, wie man die Seite nach unten oder zu einem Element scrollt.

Wie ist es möglich, ein bestimmtes div, das den Stil "overflow: auto" hat, mit jQuery nach unten zu scrollen?

Answer 1

Ja:

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

Wenn Sie glatt gehen wollen:

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

Hier haben eine Geige: http://jsfiddle.net/adrianonantua/nxHE8/

Answer 2

demo

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

Answer 3

Sie können oben scrollen, die Fensterhöhe subtrahieren und die Elementhöhe hinzufügen. Ihre Schriftrolle sollte genau an der Unterseite des Elements ankommen:

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