jQuery Perfect Scroll - Set Scrollbar to the Bottom of the Container

Question

I have just installed perfect scroll, the jQuery plugin, and it works great but I can't find a parameter to start the content at the bottom of my div. I want to have to scroll up on page load, not to have to scroll down.

Normally with jQuery I would just do:

$(nav_message_list).prop({ scrollTop: $(nav_message_list).prop("scrollHeight")});

But that seems to have no effect.

Current code:

$(".chat_person").click(function ()
                         {
                          if (!$(".chat_content_wrap").is(":visible"))
                           {  
                            $(".chat_content_wrap").fadeIn(300, function ()   
                                                                 {
                                                                  $('#message_list').perfectScrollbar('update');
                                                                  $(nav_message_list).prop({ scrollTop: $(nav_message_list).prop("scrollHeight")});
                                                                 });
                           }
                          });

$("#message_list").perfectScrollbar();

Answer 1

I haven't used the plugin before but based on the docs at https://github.com/noraesae/perfect-scrollbar

The code you should need is:

$("#message_list").scrollTop( $( "#message_list" ).prop( "scrollHeight" ) );
$("#message_list").perfectScrollbar('update');

The $ selectors may be wrong since I can't see you HTML code.