How to auto-scroll to end of div when data is added? [duplicate]

This question already has answers here: Scroll to bottom of div? (35 answers) Closed 9 years ago.

I have a table inside of a div with the following style:

#data {
    overflow-x:hidden;
    overflow-开发者_开发知识库y:visible;
    height:500px;
}

This displays a vertical scroll bar once enough data is added to the table. However, when new data is added I would like the div element to auto-scroll to the bottom.

What JavaScript code could I use to do so? I am open to options in JQuery if necessary but would prefer a JavaScript solution.

---

If you don't know when data will be added to #data, you could set an interval to update the element's scrollTop to its scrollHeight every couple of seconds. If you are controlling when data is added, just call the internal of the following function after the data has been added.

window.setInterval(function() {
  var elem = document.getElementById('data');
  elem.scrollTop = elem.scrollHeight;
}, 5000);

---

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