html - 不可见时滚动到底部

Question

我可以通过将其 scrollTop 设置为 scrollHeight 将 div 滚动到底部。但只有当这个 div 可见时它才有效。当 display: none 时如何使它工作？

div {
  height: 100px;
  overflow: scroll;
}

<div id="div">1<br>2<br>3<br>4<br>5<br>6<br>7<br></div>
<button onclick="div.scrollTop = div.scrollHeight">scroll</button>

Answer 1

scrollTop 仅适用于浏览器窗口中可见元素的上下文。