jqueryscroll

jQuery scroll an element to the bottom

How can I scroll a specific div to the bottom of the screen using jQuery? The div has the style "overflow:auto".

Solution

  • Yes:

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

    If you want to go smoothly:

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

    Here, have a fiddle: http://jsfiddle.net/adrianonantua/nxHE8/