Scroll Div Top On Page Load Then Set Scroll To Work Normally

I have a chat system on my site and defaulted the message div position to always display the last message on page load. I accomplished this by using the following line of code: m

Solution 1:

Try

    $display = $('#message_row_large');
    $display.animate({scrollTop: $display[0].scrollHeight }, 'fast');

Working Fiddle:

https://jsfiddle.net/cshanno/3bo48dxj/1/