How To Scroll To The Bottom Of Div

For More Videos Visit Our YouTube Channel

Scroll To Bottom Of Div

Here we consider how to Scroll to the Bottom of a Div. We already knows how to scroll to the top of a div by using Jquery.


Scroll To The Top Of A Div

$(function () {
            $('html, body').animate({
                  scrollTop: $("#DivID").offset().top
            }, 2000);
});



Now Lets consider a form where we have multiple Div as shown below.



We wants to reach to the Bottom of Second Div when we click the Button.


This can be easily done by using following code.
Here we first reach to the top of the Div.
And then we move to the bottom of Div by using scrollHeight .

$(function () {
     $('#btnClick').click(function () {
         $('html, body').animate({
              scrollTop: $("#SecondDiv").offset().top + $("#SecondDiv")[0].scrollHeight
          }, 2000);
          return false;
     })
});



That's all, by using above code, we can Scroll To The Bottom Of Div by using Jquery.