Whenever I add an item and it exceeds a certain size, a scroll bar appears. However, the scroll bar does not automatically scroll to display the latest item added. I would like the scroll bar to automatically move to the bottom every time a new item is added.
<ul id ="list" style ="overflow:auto; height:300px;"></ul>
--------code omitted--------------
//Register sendButton Click Event
$("#sendButton").click(function () {
hubProxy.server.send($("#inputTextBox").val());
$("#inputTextBox").val("").focus();
//Here, I want the scroll bar to move to the bottom
});