title: How can I scroll down to the last li item in a dynamically added ul?
body: <p>I have a ul defined like </p>
  
  <pre><code> &lt;div&gt;
     &lt;ul id="mylist"&gt;
     &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>In my javascript I add li items to this ul with jquery using</p>
  
  <pre><code>$("mylist").append("&lt;li&gt;Test&lt;/li&gt;");
  </code></pre>
  
  <p>I want my ul to automatically scroll down the div to when I have added a lot of li items and ul surpass the height defined for it</p>
  
  <p>Things I have tried:</p>
  
  <ol>
  <li>In CSS I set a max-height and overflow-y:scroll for the ul</li>
  <li>In Javascript I did $("mylist li").last().focus();</li>
  </ol>