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

by

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);

More Related Contents:

  1. Switch classes on click of button
  2. How to have html popup appear over main html page?
  3. Write tags in HTML and print
  4. Scroll Function working in reverse order [closed]
  5. Change from (+) symbol to (-) after click (function(){
  6. How can i create html automatic change page? [duplicate]
  7. How to disable HTML links
  8. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  9. Refresh/reload the content in Div using jquery/ajax
  10. Animate element to auto height with jQuery
  11. How to style “input file” with CSS3 / Javascript? [duplicate]
  12. How do I detect “shift+enter” and generate a new line in Textarea?
  13. How to get nth-child selector to skip hidden divs [duplicate]
  14. Dashed border animation in css3 animation
  15. :touch CSS pseudo-class or something similar?
  16. CSS3-Animate elements if visible in viewport (Page Scroll)
  17. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  18. Open a new javascript window(.open) along with its CSS styling
  19. How to create a responsive image that also scales up in Bootstrap 3
  20. Check if element is between 30% and 60% of the viewport
  21. Change text color based on brightness of the covered background area?
  22. How do I make a move up and down when I’m scrolling the page?
  23. Fade background image in and out with jQuery?
  24. How do I detect the inherited background-color of an element using jQuery/JS?
  25. Convert dropdown to selection boxes with color and trigger drop down action
  26. Is it possible to do mathematics inside CSS?
  27. Wrapping lists into columns
  28. How to customize the position of an alert box
  29. Showing Placeholder text for password field in IE
  30. Possible to reverse a css animation on class removal?

Leave a Comment