CODEWITHSUNDEEP
htmlcssoverflow
deathangel908
deathangel908

Reputation: 9709

Scroll to bottom when not visible

I can scroll div to bottom by setting its scrollTop to scrollHeight. But it only works when this div is visible. How do I make this work when 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>

Upvotes: 0

Views: 177

Answers (1)

tripulse
tripulse

Reputation: 1149

scrollTop only works in the context of a visible element in the browser window.

Upvotes: 1

Related Questions