setar scrol location

Asked

Viewed 45 times

0

I have a div with overflow: auto; I press 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>

html css div rolling

1 answer

0

How was answered in this stack, it is possible to 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>
<div id="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>

Browser other questions tagged html css div rolling

You are not signed in. Login or sign up in order to post.