滚动回div的顶部

<div id="containerDiv"></div> 

 #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } 

 document.getElementById("containerDiv").innerHTML = variableLongText; 

下一次如何重置滚动位置回到容器div的顶部？

Answer 1

 var myDiv = document.getElementById('containerDiv'); myDiv.innerHTML = variableLongText; myDiv.scrollTop = 0; 

请参阅scrollTop属性。

Answer 2

另一种用平滑的animation来实现的方法就是这样

 $("#containerDiv").animate({ scrollTop: 0 }, "fast"); 

Answer 3

我尝试了这个问题的现有答案，并没有一个在Chrome上为我工作。 什么工作略有不同：

 $('body, html, #containerDiv').scrollTop(0); 

Answer 4

scrollTo

 window.scrollTo(0, 0); 

是滚动窗口到顶端的最终解决scheme – 最好的部分是，它不需要任何IDselect器，即使我们使用IFRAME结构，它将工作得非常好。

scrollTo（）方法将文档滚动到指定的坐标。
window.scrollTo（xpos，ypos）;
xpos数字必需。 沿着x轴（水平）以像素为单位滚动到的坐标
ypos号码必需。 沿着y轴（垂直）以像素为单位滚动到的坐标

jQuery的

另一个做同样的select是使用jQuery，它会给出一个相当平滑的外观

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

scrollTop指定像素中的垂直滚动条位置后的0，第二个参数是一个可选参数，显示完成任务的时间（以微秒为单位）。

Answer 5

对于那些仍然无法完成这项工作的人，请确保在使用jQuery函数之前显示溢出的元素 。

例：

 $('#elem').show(); $('#elem').scrollTop(0); 

Answer 6

对我来说，scrollTop的方式不起作用，但我发现其他：

 element.style.display = 'none'; setTimeout(function() { element.style.display = 'block' }, 100); 

没有检查可靠的CSS渲染的最短时间，但100ms可能是矫枉过正。

Answer 7

如果html内容溢出一个单一的视口，这只对我使用javascript：

 document.getElementsByTagName('body')[0].scrollTop = 0; 

问候，