div auto scroll code example

Example 1: how to make auto scroll to the end in css

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

Example 2: css no overflow

div.ex1 {
  overflow: scroll;
}

div.ex2 {
  overflow: hidden;
}

div.ex3 {
  overflow: auto;
}

div.ex4 {
  overflow: visible;
}

Example 3: 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>