Scroll animation scrolls down only at some point

Question

Here is my script:

$(document).ready(function () {
    $('div').animate({
        scrollTop: $('#content').offset().top
    }, 'slow');
});

What I want is, the scroll should go at the bottom of the div. Is it possible?

Possible duplicate of [Get bottom and right position of an element](https://stackoverflow.com/questions/9872128/get-bottom-and-right-position-of-an-element) — hsz, Nov 28 '17 at 09:48
Add the #content.height() to #content.offset().top like #content.offset().top+#content.height() — Roy Bogado, Nov 28 '17 at 09:48

score 2 · Accepted Answer · answered Nov 28 '17 at 09:52

2

"What I want is, the scroll should go at the bottom of the div"

Now you scroll to the top of the div, because offset().top calculates, where this div starts. If you want to scroll to the bottom of the div, you can simply add the height of the div too, like this:

scrollTop: $('#content').offset().top + $('#content').height()

answered Nov 28 '17 at 09:52

P.S.

15,970
14
62
86

It now goes almost at the bottom but not exactly at the bottom – zahid hasan emon Nov 28 '17 at 09:58
@zahidhasanemon is there enough space below this div, where we can scroll? If not, sure, you can't scroll down more than it's possible – P.S. Nov 28 '17 at 10:03
Got this. Thanks :) – zahid hasan emon Nov 28 '17 at 10:08

Scroll animation scrolls down only at some point

1 Answers1