title: How can I load a long list and stay/start on the bottom of the view without scrolling
body: <p>We have a message view in our app where we on initial rendering load a list of messages which are then rendered, going from <code>&lt;div&gt;Loading ....&lt;/div&gt;</code> to <code>[&lt;Message&gt;,&lt;Message&gt;,...,&lt;InputBox&gt;]</code> (pseudo-jsx). Upon loading, the view is extended to many times the screen length, so we need to scroll to the bottom <code>onLoad()</code>. This is bothersome :</p>
  <ul>
  <li>lazy loading images in the older parts of the conversation won't work, as we &quot;scroll past&quot; them, triggering loading</li>
  <li>there should be no need to do <code>scrollTo(99999)</code>: we want to start a freshly loaded page on the bottom!</li>
  </ul>
  <p>So how can I have the initial &quot;scroll position&quot; of a container be the bottom of the container? This seems like a quite basic thing.</p>