如何使自动滚动到div的顶部?

时间:2017-03-06 06:29:18

标签: javascript jquery html

这是我的屏幕截图:

enter image description here

我的问题是如何以javascript或其他方式自动滚动到顶部?

4 个答案:

答案 0 :(得分:6)

element.scrollTop = 0;会让你进入元素的滚动顶部:

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>

答案 1 :(得分:0)

请试试这个:

window.scrollTo(0,0);

答案 2 :(得分:0)

给你的div一个id。然后:

TreePath

答案 3 :(得分:0)

如果您需要制作动画,请尝试以下

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

如果它是想要动画的div,

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