How to get the full height of an UL with overflow set?
<p>I have a UL with an <code>overflow-y:scroll;</code> set so it scrolls. How to I get the full height of the list as <code>$(ul).height()</code> just gives the height of the scroll viewport not the height of the full list.</p>

<p><strong>html</strong></p>

<pre><code>&lt;ul style="overflow-y:scroll; height: 50px;"&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
    &lt;li&gt;item&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Things like <a href="http://stackoverflow.com/questions/7830489/get-the-full-height-of-html-element-thats-partially-hidden-by-overflowhidden-w">Get The Full Height Of HTML Element That&#39;s Partially Hidden By Overflow:Hidden With JQuery / Javascript</a> wont work as there is no inner wrapper, there is just the list.</p>

<p>I'm trying to get the list to scroll to the bottom when I append a new item, but...</p>

<p><code>$("ul").attr({ scrollTop: NeedHeightHere });</code></p>
