auto scroll a div code example

Example 1: auto scroll a div

<style>
   // NOTE: to auto scroll a div smoothly
    #direct-chat-messages
    {
      scroll-behavior: smooth;
    }
</style>

<script>
// NOTE: to auto scroll a div.
  window.setTimeout(function() {
    var elem = document.getElementById('direct-chat-messages');
    elem.scrollTop = elem.scrollHeight;
  }, 100);
</script>

Example 2: js auto scroll in div

<style>

	.scroll-text{
		overflow-y: auto;
		height: 61px;
        width:auto;

	}


</style>


			<div class="scroll-text" id="data">
            f
		
        
        
        
			</div>


  
      <script>
var my_time;
var count = 0;
setTimeout('pageScroll()', 1200);
function pageScroll() {
  if (count < 2) {
    var objDiv = document.getElementById("data");
    objDiv.scrollTop = objDiv.scrollTop + 1;
    if (objDiv.scrollTop == objDiv.scrollHeight - 61) {
      setTimeout(function () {
        objDiv.scrollTop = 0;
        count++;
      }, 1200);
    }
    my_time = setTimeout('pageScroll()', 30);
  }
}
    </script>

Tags:

Misc Example