滚动回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的顶部?

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

请参阅scrollTop属性。

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

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

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

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

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,第二个参数是一个可选参数,显示完成任务的时间(以微秒为单位)。

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

例:

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

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

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

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

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

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

问候,