向后滚动到可滚动 div 的顶部

javascript html scroll

2022-08-30 01:52:49

<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的顶部？

答案 1

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

请参阅 scrollTop 属性。

答案 2

使用流畅的动画进行操作的另一种方法是这样的

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

推荐