How to make auto scroll to top of the div?

Question

this is my screen shot :

My question is how to make it auto scrolling back to top in javascript or any other way ?

http://stackoverflow.com/questions/1144805/scroll-to-the-top-of-the-page-using-javascript-jquery refer this — CaptainHere, Mar 06 '17 at 06:33
If you want to animate it [see this](http://stackoverflow.com/a/8918062/559079) — Miro, Mar 06 '17 at 06:35

score 12 · Accepted Answer · answered Mar 06 '17 at 06:36

element.scrollTop = 0; will let you get to the element's scroll top:

var el = document.querySelector('div');
el.scrollTop = el.scrollHeight;

setTimeout(function(){
  el.scrollTop = 0;
}, 500);

div{width:200px; height:200px; overflow:auto;}

<div>
<br>Top-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-<br>-
</div>

score 4 · Answer 2 · answered Mar 06 '17 at 06:31

4

Please try this:

window.scrollTo(0,0);

answered Mar 06 '17 at 06:31

Nayana_Das

1,789
4
23
48

score 2 · Answer 3 · answered Mar 06 '17 at 06:32

2

Give an id to your div. And then:

var myDiv = document.getElementById('yourdivid');
myDiv.scrollTop = 0;

answered Mar 06 '17 at 06:32

Emre

337
1
3
18

score 1 · Answer 4 · answered Mar 06 '17 at 06:36

1

If you need to animate, then try the below

$('html, body').animate({scrollTop: '0px'}, 2000);

If its a div you want to animate,

$('#yourid').animate({scrollTop: '0px'}, 1000);

answered Mar 06 '17 at 06:36

CaptainHere

698
6
14

How to make auto scroll to top of the div?

4 Answers4