看不见时滚动到底部

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

  

如果display: none被设置为一个元件。它成为非难治一个元素。 scrollHeight设置为0。因此该方法永远行不通！