scroll to bottom div js code example

Example 1: javascript scroll to bottom of div

//scroll to the bottom of "#myDiv"
var myDiv = document.getElementById("myDiv");
    myDiv.scrollTop = myDiv.scrollHeight;

Example 2: scroll to bottom of div javascript

// if using jQuery
function scrollSmoothToBottom (id) {
   var div = document.getElementById(id);
   $('#' + id).animate({
      scrollTop: div.scrollHeight - div.clientHeight
   }, 500);
}

//pure JS
function scrollToBottom (id) {
   var div = document.getElementById(id);
   div.scrollTop = div.scrollHeight - div.clientHeight;
}

Example 3: js scroll to bottom of element

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

Tags:

Css Example