setar scrol location

1

I have a div with overflow: auto; I want to leave the scrol of this div at the lowest point, to show only the newest information:

div{
	width: 150px;
	height:80px;
	border: 1px solid;
  padding:5px;
	overflow: auto;
}
<div>
informação antiga<br>
informação antiga<br>
informação antiga<br>
informação antiga<br>
informação nova<br>
informação nova<br>
informação nova<br>
informação nova<br>
informação nova<br>
</div>
    
asked by anonymous 13.02.2018 / 22:32

1 answer

1

As this has been replied on this stack , you can do this with jQuery in a very simple way.

Edit : I removed that unnecessary animation.

var minhaDiv = $("#divOverflow");
minhaDiv.scrollTop(minhaDiv.prop('scrollHeight'));
div#divOverflow{
  height: 100px;
  overflow: auto;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divid="divOverflow">
    <div>
        informação antiga<br>
        informação antiga<br>
        informação antiga<br>
        informação antiga<br>
        informação nova<br>
        informação nova<br>
        informação nova<br>
        informação nova<br>
        informação nova<br>
    </div>
</div>
    
13.02.2018 / 22:43