html - 不可见时滚动到底部

Question

scrollTop我可以通过将 div 设置为将其滚动到底部scrollHeight。但它仅在此 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>

标签： htmlcssoverflow

Answer 1

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